Vue开发项目出现axios跨越的问题

一、问题描述:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin

1、配置vscode开发前端的环境:

sudo npm install (或cnpm install)

sudo npm install -g vue-cli (或sudo npm install -g vue-cli)

npm run dev 运行vue项目至Chrome浏览器

2、然后出现登录不上,并报错:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'

显示Axios请求出现跨越问题,所以报错。

二、解决方案:

1、MAC环境:

open -a"Google Chrome"--args --disable-web-security

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/zlgweihao/Documents/MyChromeDevUserData

http://yuankeqiang.lofter.com/post/8de51_13a3de3

https://www.cnblogs.com/mafeng/p/7714765.html

2、Windows环境:

右键桌面Chrome浏览器图标,选择打开“属性”,然后在目标后面加上--arg --disable-web-security --user-data-dir即可,如下所示:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"--arg --disable-web-security --user-data-dir

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,610评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 在学习weex的过程中看到了常用标签相关的内容,为了自己以后能够快速查阅特整理出此文档。 a 简介组件定义了指向某...
    TyroneTang阅读 4,707评论 1 3
  • 亲爱的女儿,今天上午的围棋课结束后,看你表现还不错,吃过午饭我们又去了武术考试的现场观看。一轮又一轮,一个接一个,...
    小怪物_a3bf阅读 118评论 0 2
  • 七台河市第六小学 三年一班 ...
    5ce063b2e78a阅读 1,077评论 0 0