关于vue配置的那些令人抓狂的问题

1.关于vue-config.js核心配置js的问题

关于vue配置的那些令人抓狂的问题
需要注意的点:
(1)这个文件不管改了什么东西,都必须重启脚手架,不然会有一堆的bug
(2)port:这里设置的地址会自动识别是否占用,如果被占用则加1
(3)pathRewriter中,api对应的工程名,如果把servlet名字也加上了,那么在axios中的url就不用写servlet名了,不然就会报500

2.关于axios配置的问题

关于vue配置的那些令人抓狂的问题
需要注意的点:
(1)服务器只能接收x-www-form-urlencoded格式的值,所以需要转换才能接收到,转换有两种方式:
1.// const headers = {
// ‘Content-Type’: ‘application/x-www-form-urlencoded’
// };设置headers并添加到axios中
2.引入vue的qs插件,直接.stringify方法传入数据即可
(2)这里直接设置axios的方法是同步方法,需要用async加await的方式转成异步方法,方便代码的执行
(3)如果是get提交,则不需要转换,直接放在params属性中即可

3.关于设置路由的问题

关于vue配置的那些令人抓狂的问题
需要注意的点:
(1)万事先导包,注意路径。
(2)使用vue-router插件设置路由,用Vue.use(路由名称)使用路由
(3)在主页面标签中 使用标签来实现类似iframe的功能, 使用来跳转页面
3.关于在子组件中跳转的问题
关于vue配置的那些令人抓狂的问题
(1)使用this.$router.push("/路由名称")来实现跳转,也需要加async和await来转成异步方法

本次总结:
vue功能很强大,但是以一个java程序员的身份看来,因为js是一门弱类型语言,所以vue框架逻辑性不如java强,好多时候报个错找半天也是一头雾水,上手也不如java快,但是我相信久而精的道理,面对困难战胜困难,永远相信未来会越来越好,bug也会越来越少的,加油加油!