Vue项目遇到的一些难点

1、使用axios.js 处理异步加载时发现请求时传递参数会直接发送js对象到后端 而不是发送Form Data 而且post 请求 会发送两次请求  第一次是 method是options 第二次才是post。

解决方法：配合qs插件使用 也就是将对象格式化成 Form Data  类似jquery中的serialiZeArray()方法

2、使用vue-router时 URL模式引发的问题？

Vue-router 提供一个mode参数 用来控制 URL 格式 默认使用的是 hash格式 而我在项目中使用的是history格式

对比：使用history 后发现手动切换页面一切正常 但刷新页面是会提示页面不存在(404) 原因就是后端把URL解析了，使用hash模式 URL中会有一个#号分割 后端默认不会解析#后面的参数

3、Vue 项目中 用v-for循环本地图片 图片不显示

解决方法：使用require动态引入图片  或者将图片放static文件夹里

<img v-bind:src="require(item.imgurl)">

4、elementui中 防止错误提示框多个弹出 可以直接调用(Message as  any).colseAll() ; 也可从新 Message()方法