vue+Springboot 前后端数据交互

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)