vue部署线上跨域问题

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

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

我是怎么解决的呢?

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

  1. #解决线上跨域
  2.  location /api{
  3.         add_header ‘Access-Control-Allow-Origin’ ‘*’;
  4.         proxy_pass https://www.youdomain.com/;
  5. }

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