vue部署线上跨域问题

浏览器为了安全起见会有一个同源策略，所谓同源是指，域名，协议，端口相同，如果其中有一项不相同，浏览器便会在控制台抛出一个错误：

我的跨域场景是，http协议请求https协议，80端口请求443端口。

我是怎么解决的呢？

我用的办法是nginx代理，只需要三行代码即可：

打包丢服务器，成功解决跨域。