解决跨域方法 1.跨域浏览器 2. proxy配置代理

1.跨域浏览器

  • 创建一个文件夹, C:aaa    (自命名)

  • 创建一个谷歌浏览器的快捷方式

  • 在快捷方式点右键 =>属性=>目标,移动到最后,加入空格,粘贴 --disable-web-security --user-data-dir=C:aaa

  • 点击确定,打开后就是跨域浏览器

====>

2. proxy配置代理

  • 修改.env.development内的基地址为 :

    • VUE_APP_BASE_API = '/abc'

  • 在vue.config.js中 的devServer加入proxy配制

    devServer:{
       proxy: {
          '/abc': {
            target: 'http://localhost:3000/api',
            // 真实调用的接口基地址它会target+/abc=>http://localhost:3000/api/abc
            pathRewrite: {
              '^/abc': ''
            }
          }
        }
    }

  • 重启脚手架

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>