vue项目 开发问题总结

问题1： No 'Access-Control-Allow-Origin' header is present on the requested resource
解决办法：需要后台设置跨越
问题2: vue异步请求后台获取不到参数，请求参数方式是Request Payload
解决办法：后台需要设置注解@requestBody
知识点：HTTP请求中的Request Payload 和Formdata之间的区别：
    payload和formdata是浏览器传输给接口的两种方式。这两种方式浏览器是通过Content-Type来进行区分的。
Content-Type默认值都是「application/x-www-form-urlencoded;charset=utf-8如果是 application/x-www-form-urlencoded的话，则为formdata方式，如果是application/json或multipart/form-data的话，则为 request payload的方式。
问题3： this.$router.push路由无法跳转
解决办法：首先需要在routes 配置中给对应路由设置名称

要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象：

这跟代码调用 router.push() 是一回事：

这两种方式都会把路由导航到 /user/123 路径。
问题4：vue项目中中英文切换时，table表头无法随着切换
解决办法：使用computed来监听对象中的语言变化和侦听属性watch。
知识点：当需要一个值，一个属性，它是变动的且逻辑比较复杂，写在模板里不直观，或者你需要多次使用这个值，就用computed计算属性；
当你需要监控某个变量，当其改变后进行某些操作，就用watch
页面刷新vuex被清空
问题5:一旦刷新（刷新或深度刷新），存储的vuex就马上和你说拜拜
解决办法：
localStorage 网上推荐最多的方法就是用localStorage。但是我个人觉得不太合适，还得看项目吧。localStorage是永久存储的。

数据重新获取 我使用的方法是在需要某些数据之前先判断一下数据是否存在，如果不存在重新获取。