vue打包oss上传及MixedContent报错解决

一：最近做公司的一个vue项目，主页和详情页两个页面组成的一个vue项目。项目比较简单，主要是记录在项目中遇到的一些坑；
## 打包用oss上传到服务器，这里遇到了一个问题困扰了我两天时间。组长说oss不支持node环境的，需要线上配置，我什么都试过了，还是不行-_-；
## 在复制了oss生成的网址后，访问竟然是下载！！这又让我很难受查找了很多终于有了一点眉目（还是太年轻了），需要index.js里面的一些数据。具体网上也都有教程。配置完了后发现能访问了，但是接口又报错了，图片路径也有问题。
是vue图片懒加载的插件的图片地址不对。改了就可以了。还有最后的一个问题。接口不能访问！！看到控制台报了这个错误

原来是协议不同，上网去查了资料；mixedcontent报错解决
但是我按照方法来在页面的head里面加一行代码
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

但是不知道为什么没有解决问题，只有让后台改一下协议了；
还发现了虽然在谷歌浏览器里会禁止这种混合页面的加载；但是在安卓浏览器里面却是可以正常访问的；先把文档存在这里，有时间了再来嘻嘻看看怎么解决mixedcontent异常