vue部署线上跨域问题

2019年12月30日23:11:57 发表评论 阅读(2,829)
本文最后更新于2019年12月30日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

vue部署线上跨域问题

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

vue部署线上跨域问题

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

我是怎么解决的呢?

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

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

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

 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛