vue页面将http转为https
在xx.vue页面中添加下面的代码后,如果是通过ip地址在本地访问会报错net::ERR_SSL_PROTOCOL_ERROR所有的资源都访问不到的问题,所以通过ip地址在本地调试时候要注释掉export default {data(){},head() {return {meta: [{ hid: 'description', 'http-equiv': 'Content-Security-Po
·
因为https地址中,如果加载了http资源,浏览器将认为这是不安全的资源,将会默认阻止。后来在文档中添加了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
完美解决了将http转为https。
1.http-equiv属性
http-equiv
一般设置的都是与http
请求头相关的信息,设置的值会关联到http头部。也就是说浏览器在请求服务器获取html
的时候,服务器会将html
中设置的meta
放在响应头中返回给浏览器。常见的类型比如content-type
, expires
, refresh
, set-cookie
, window-target
, charset
, pragma
等等。
<meta http-equiv="content-type" content="text/html charset=utf8">
这样设置浏览器的头信息就会包含:content-type: text/html charset=utf8
注意:在xx.vue页面中添加下面的代码后,如果是通过ip地址在本地访问会报错net::ERR_SSL_PROTOCOL_ERROR所有的资源都访问不到的问题,所以通过ip地址在本地调试时候要注释掉
export default {
data(){},
head() {
return {
meta: [
{ hid: 'description', 'http-equiv': 'Content-Security-Policy', content: 'upgrade-insecure-requests'}
]
}
},
}
更多推荐
已为社区贡献2条内容
所有评论(0)