vue3.0 axios解决跨域问题遇到的问题

Question

为了解决前后台分离，多个前端跟多个后台进行接口联调的情况
在项目的根目录下加了一个custom.config.js的文件 用来作为每个人联调时候更改ip的文件，git忽略

vue.config.js

let customConfig = null;
try {
  customConfig = require('./custom.config');
} catch (e) {}



module.exports ={
   proxy: Object.assign({
      '/api': {
        target: 'http://172.16.99.106:8999',
        changeOrigin: true,
      },
    }, (customConfig ? customConfig.proxyTable : {})),
}

custom.Config.js

module.exports = {
  proxyTable: {
    '/b': {
      target: 'http://192.168.1.131:81',
      changeOrigin: true,
      pathRewrite: {
        '^/b': '/'
      }
    }
  }
};

现在我在路由里面

 created() {
    this.$axios.get(`/b/testTable/getDataList2.json`).then(res => {
      console.log(res);
    });   
  },

但是接口用postman可以正常返回 请问是哪里配置的不对

Answer 1

module.exports = {
  proxyTable: {
    '/b': {
      target: 'http://192.168.1.131:81',
      changeOrigin: true,
      pathRewrite: {
        '^/b': '' // 这里改为空试试
      }
    }
  }
};

Answer 2

1.postman请求是独立的(类似于用浏览器地址栏请求接口)，永远不会产生跨域问题
2.你这个请求，后端已返回200， 因此没有跨域
3.请求接口时 /b 是需要写的
4.上图是我配置的写法