位置:首页 > web前端 > vue

vue-config解决跨域问题

dearweb 发布:2021-07-27 15:33:01阅读:

我们平时在使用vue进行开发的时候难免会遇到跨域的问题,遇到跨域的结局方案有很多,今天小编来给大家讲解一下其中的一个方法。

在当前项目下新建一个vue-config.js的文件,然后将下面代码复制进去

module.exports = {
 devServer: {
    proxy: {  //配置跨域
    // 接口中包含 '/api'
      '/api': {
        target: 'http://121.121.67.254:8185/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
        changOrigin: true,  //允许跨域        
        pathRewrite: {          /* 重写路径,当我们在浏览器中看到请求的地址为:http://localhost:8080/api/core/getData/userInfo 时
            实际上访问的地址是:http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api           */
          '^/api': '' 
        }
      },
    }
  },
}

是不是很简单,各位小伙伴加油吧。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看