β

vue.js学习之 跨域请求代理

技术人生-孙强 9 阅读

跨域请求代理

1:打开config/index.js

module.exports{

dev: {

}

}

在这里面找到proxyTable{},改为这样:

proxyTable: {

'/api' : {

target: 'http://localhost:8000' ,//设置你调用的接口域名和端口号 别忘了加http

changeOrigin: true ,

pathRewrite: {

'^/api' : '' //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://localhost:8000/user/add',直接写‘/api/user/add’即可

}

}

}

2:在需要调接口的组件中这样使用:

axios.post( 'http://localhsot:8081/api/Welcome/login' ,postData) //8081是前端vue运行端口,根据实际情况修改

.then(function (response) {

console.log(1)

console.log(response);

})

. catch (function (error) {

console.log(error);

})

注意: 原接口: http://localhost:8000/Welcome/login

页面调用: http://localhost:8081/api/Welcome/login —— 这里多了一个/api/不是多余的,不要删

作者:技术人生-孙强
技术改变人生
原文地址:vue.js学习之 跨域请求代理, 感谢原作者分享。

发表评论