vue-cli项目打包成dist文件夹后,放在服务器上,资源自动使用https加载

Posted zhongfang99

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli项目打包成dist文件夹后,放在服务器上,资源自动使用https加载相关的知识,希望对你有一定的参考价值。

解决方式:注释标签

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

CPS设置upgrade-insecure-requests作用是让浏览器自动升级请求。

在服务器的响应头中加入:

header("Content-Security-Policy:upgrade-insecure-requests");

我们的页面是https的,但是在这个页面包含了大量的http资源(图片、iframe等),页面一旦发现存在上述响应头,会在加载http资源是自动替换成https请求。

以上是关于vue-cli项目打包成dist文件夹后,放在服务器上,资源自动使用https加载的主要内容,如果未能解决你的问题,请参考以下文章

vue项目如何打包扔向服务器

vue 搭建一个本地服务器运行打包后dist文件

vue-cli打包项目后路径错误问题

打包后放在服务器上耳机目录找不到解决办法

开发测试调试问题的几种解决方案

vue-cli 打包输出到dist文件夹以后,丢入服务器,资源自动https加载的问题