vue页面将http转为https

因为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'}
            ]
        }
    },
}