axios 跨域配置

axios跨域设置

1. 找到项目config文件夹下的index.js文件，将dev中的proxyTable项中添加配置

proxyTable: {
    '/api': {
        target: 'https://www.cnblogs.com', //设置你调用的接口域名和端口号 别忘了加http
        changeOrigin: true,
        secure: false, // 如果是https接口，需要配置这个参数
        pathRewrite: {
            '^/api.*': '' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
        }
    }
},

2. 在组件中调用时直接用api+要访问的接口就可以了

axios.get("/api/asia9847/")
.then(function(response) {
    console.log(response);
})
.catch(function(error) {
    console.log(error);
});

这样返回的结果如下：