http请求强制转换成https,使得请求更安全
,这也是我再实际遇到这个问题后同事告诉我的。
想要强制设置请求https的时候,只需要在<head>标签内增加代码:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
这样设置后,项目中的所有的非http请求都会强制转成https请求。
前景:实际上,这个其实是我在开发过程中调试接口发现的。我在开发时候要调试的接口路径是http的,swagger上的接口为http且在项目中也写了http。而在实际调用后报错且展示接口为https。后来发现是之前index.html这个的设置造成的。
因为在vue项目的index.html中设置了这个meta标签。想要请求为http的,可以在开发时候暂时注释掉这一段就可以。记得开发完成后恢复就可以。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- #meta 设置https请求👇 -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<title>vue项目</title>
</head>