美文网首页
解决Vue开发项目出现axios跨越的问题

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

作者: 微笑吧_5464 | 来源:发表于2018-10-24 23:06 被阅读0次

    一、问题描述:

    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
    
    

    相关文章

      网友评论

          本文标题:解决Vue开发项目出现axios跨越的问题

          本文链接:https://www.haomeiwen.com/subject/ytpftqtx.html