springboot与Vue交互一般有两种方式
- build前端vue项目,然后把生成的dist目录下的文件拷贝到resources下的static下即可
- 分开部署
现在我们讨论的就是第二种方式。
- 如果vue项目没有打包放在 springboot 项目下的话,需要开启跨域支持
在 vue 项目里 config 目录下的 index.js 文件,找到 proxyTable 加上
// 路由接口代理配置
proxyTable: {
'/api': {
target: 'https://localhost:8089',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
前端传对象到后端
// console.log("进入登录认证方法")
this.$http.post('user/doLogin',this.formdata
).then(res => {
console.log(res)
// 1.提示信息
if (res.data.status === 200) {
// 登录成功
// 0.保存token(后端接口返回的是host) 目的:如果用户没有登录,URL直接来到home组件
localStorage.setItem('token',res.data.token)