本地express服务启动端口3000, vue-cli项目启动端口8080, 当前端用户提交登录信息到后端,
便产生跨域,可以配置 proxyTable 解决跨域问题
一: 进入vue-cli项目下的config/index.js 文件, 添加
proxyTable: {
'/api': {
target: 'http://xxxxxx.com', // 接口的域名
// secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
pathRewrite: {
'^/api': ''
}
}
},
此处的target 设为 'http://localhost:3000/'
二: 在前端发送请求页面,设置请求url
this.$axios.post('/api/checklogin',{
username:that.ruleForm.username,
password:that.ruleForm.password
})
三 启动本地node服务,启动vue项目,发送请求数据,控制台查看,获取数据成功则配置正确
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。