👨‍💻开发环境,解决跨域

1.第一种方法:跨域浏览器

  • 在本地磁盘里创建一个空文件夹,文件夹所在位置: C:\aaa
  • 在桌面,创建一个谷歌浏览器的快捷方式
  • 在新创的快捷方式,点右键 =>属性=>目标,移动到最后,加入空格,粘贴
    --disable-web-security --user-data-dir=C:\aaa
  • 点击确定,打开后就是跨域浏览器,把项目地址复制到这个浏览器使用

2.第二种方法:proxy配制代理

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

    • VUE_APP_BASE_API = '/abc'
  • 在vue.config.js文件中,加入proxy配制

    • devServer:{
         proxy: {
            '/abc': {
              //跨域地址
              target: 'http://localhost:3000/api',
              // 真实调用的接口基地址它会target+/abc=>http://localhost:3000/api/abc
              pathRewrite: {
                '^/abc': ''
              }
            }
          }
      }
      
  • 重启脚手架

posted @ 2021-11-14 20:14  三分钟热度只为money  阅读(90)  评论(0)    收藏  举报