axios 跨域配置

2024-09-29 19:22:27

axios跨域设置

找到项目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’即可

        }

    }

},

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

axios.get("/api/asia9847/")

.then(function(response) {

    console.log(response);

})

.catch(function(error) {

    console.log(error);

});

这样返回的结果如下：

最新文章

热门文章