本文作者:DurkBlue

vue怎么解决部署线上跨域问题

vue怎么解决部署线上跨域问题摘要: 浏览器为了安全起见会有一个同源策略,所谓同源是指,域名,协议,端口相同,如果其中有一项不相同,浏览器便会在控制台抛出一个错误:我的跨域场景是,http协议请求https协议,80端...

vue怎么解决部署线上跨域问题 第1张

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

vue怎么解决部署线上跨域问题 第2张

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

我是怎么解决的呢?

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

  1. #解决线上跨域

  2.  location /api{

  3.         add_header 'Access-Control-Allow-Origin' '*';

  4.         proxy_pass https://www.hepuhua.cn/;

  5. }

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

此篇短文由DurkBlue发布,写作不易转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2020-02-19
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(1)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论取消回复

快捷回复:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog

评论列表 (暂无评论,2701人围观)参与讨论

还没有评论,来说两句吧...