前端跨域现在变得越来越简单了,但是一不下心还是会出错的,今天尝试了一下在本地搭建服务器,使用vue来进行请求一下,没想到原本很简单的东西还是会出现一些问题。
下面记录一下正确的写法
vue设置跨域一般都是下面这样的:
proxyTable: {
'/api':{
target: 'http://127.0.0.1:80',
changeOrigin: true,
pathRewrite: {
'^/api': '/'
},
}
}
请求的时候:
this.$axios.get('/api/citest/index.php/Welcome', {
params: {
ID: 12345
}
}).then(res=>{
console.log(res);
})
前端8080端口,后端80端口
前提是,在后端输入http://127.0.0.1:80/citest/index.php/Welcome是可访问的
对照上面的配置我们可以知道:
如果后端接口为http://127.0.0.1:80/citest,那么我们可以写成/api/citest
来源:CSDN
作者:小蔡blog
链接:https://blog.csdn.net/qq_35616850/article/details/81907432