Vue 中 axios 跨域请求

最新推荐文章于 2021-11-05 17:59:57 发布

飞翔的小码

最新推荐文章于 2021-11-05 17:59:57 发布

阅读量179

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_34789780/article/details/89512334

1 ：找到config目录下的 index.js文件

2 找到 dev里的 proxyTable 属性并修改

proxyTable: {
  "/api":{
    target: 'http://localhost:8080',//http://localhost:8080是我的javaweb务器(我的vue服务http://localhost:8081）
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/'
    }
  }
}

3 修改完成开始跨域访问访问

（/api）必须添加才可以访问

this.axios.get('/api/test').then(function (d) { console.log(d.data) })