本文共 2487 字，大约阅读时间需要 8 分钟。
源码已上传码云：小朋友/SSM-MAVEN-VUE 菜单后台管理
知乎视频www.zhihu.com
项目介绍：SSM（JavaWeb）、Maven（拉包）、VUE（前端框架）、MySQL，此项目由本人独立编写。
关键词：vuex localStorage maven ssm javaweb vue
开发过程中遇到的BUG
1. 使用 Tomcat 运行 Maven 工程 ？
Eclipse2020-06配置Tomcat8.5运行Maven项目（图解） 写在CSDN了
2. 运行Maven工程报错 Error creating bean with name ‘sessionFactory‘ defined in class path resource ？
关键检查自己的 mapper ，看看字段名有没有写错
3. 使用 vuex-persistedstate 中间件对 vuex 持久化处理 ？
原理就是把 state 报错到 localStorage （不过我还有一个疑问，hacker 利用这个进行攻击怎么办，本人感觉这个存在 WEB 安全的问题）；使用 vuex 持久化插件，刷新时会自动存储到 localStorage 和自动从 localStorage 取出给 state （不用自己手工去写）。
cnpm install vuex-persistedstate --save
/src/store/index.js
import createPersistedState from 'vuex-persistedstate' plugins: [ createPersistedState({ storage: window.localStorage, reducer(state) { return { user: state.user, isLogin: state.isLogin } } }) ] 
4. axios() 与 axios.get() 是有区别的 ?
使用 axios.get() 报出了下面的 bug，但是使用 axios() 不存在这个问题
5. axios 请求后，后端执行了，前端报 404 错误 ？
这是一个搞笑的 bug，原因是我在写 Controller 时忘记写 @ResponseBody 了 ，然后看了很久，草率了
6. 路由拦截器，用户权限管理
// 路由拦截器-登录拦截器router.beforeEach((to, from, next) => { var flag = to.matched.some(function (res) { return res.meta.needlogin; }); if (!flag || JSON.parse(localStorage.getItem('vuex')).user != "") { next(); } else { next({ path: '/login' }); }}) 7. 升级处理跨域
好处就是不用再需要自己加响应头
com.thetransactioncompany cors-filter 2.5 com.thetransactioncompany java-property-utils 1.10
CORS com.thetransactioncompany.cors.CORSFilter cors.allowOrigin * cors.supportedMethods GET, POST, HEAD, PUT, DELETE cors.supportedHeaders Accept, Origin, X-Requested-With, Content-Type, Last-Modified cors.exposedHeaders Set-Cookie cors.supportsCredentials true CORS /*
更多精彩，敬请期待
CSDN：https://blog.csdn.net/weixin_43148062
简书：https://www.jianshu.com/u/45339cbb7573
转载地址：https://blog.csdn.net/weixin_34007963/article/details/113321127 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
关于作者
