vue后台管理开发所遇到的问题及解决办法

1.  vue项目中使用echarts :  

    最佳解决方法： https://blog.csdn.net/mr_wuch/article/details/70225364
    官方实例： http://echarts.baidu.com/examples/

2.  element-ui 元素绑定不上click事件：

   解决方法：采用 @click.native="loginfn" 方式进行绑定

3.  npm run build 打包项目，背景图片加载错误 404 

  解决方法： https://blog.csdn.net/liangxhblog/article/details/78866066

4.  axios POST 请求数据快捷方式

 解决方法： https://segmentfault.com/q/1010000008462977

5.  axios post发送数据时，默认Request payload格式，并非正常的form data格式，需转格式后传递数据参数

解决方法： https://segmentfault.com/q/1010000008698726
  
  两种格式的区别：https://www.cnblogs.com/btgyoyo/p/6141480.html

6.  登陆成功后，需要把token注入vuex中的状态树中，后面可以来判断实现非法进入拦截：

  参考文档：https://blog.csdn.net/h5_queenstyle12/article/details/75386359

7.  vuex 的合理文件部署及详细使用方法

解决方法：https://segmentfault.com/a/1190000012015742

8.  登陆后台，非法进入等拦截：（1）路由拦截 （2）axios拦截

  解决方法： https://blog.csdn.net/qq673318522/article/details/55506650 
  
  配合上面的vuex部署实现效果会更好.....

9.  axios 拦截器公共请求头设置 （token，time等）：

  解决方法：https://blog.csdn.net/panyox/article/details/73800241

10.  this.$router.push传递传递参数后，获取参数

  解决办法： http://www.jb51.net/article/135602.htm

11.  ajax 阿里云oss web直传参数配置 

解决方法： https://www.cnblogs.com/mottled/p/6979536.html

  注意： 千万不要搞错顺序，OSSAccessKeyId字段 必须放在最前面，不然上传失败

12.  vue配合xlsx实现，上传excel模板并且获取数据自动填写表单

解决办法： https://www.jianshu.com/p/74d405940305
  参考办法：https://www.cnblogs.com/luyuefeng/p/8031597.html

13.  如果开发过程中，后端API文档还未提供，如何开发功能模块？

  解决方法： 可以先用localStorage和vuex结合起来代替模拟数据传递以及请求响应操作

14. 全局配置，请求加载loading动画，响应结束loading动画，让路由切换，数据加载不要太生硬 ？

解决方法： https://github.com/RiversCoder/Advertising-system-management/blob/master/src/router/http.js

15. 解决自定义滚动条的问题（使用 easyscroll）：

解决方法： https://blog.csdn.net/qq_35844177/article/details/78042284

16. 路由跳转参数传递方式

解决方法：https://blog.csdn.net/e87e09e11/article/details/79209764

17. 浅拷贝深拷贝所带来的一系列数据问题

 解决方法：https://www.cnblogs.com/Chen-XiaoJun/p/6217373.html

18 . vue三级以上路由配置参考

 解决方法： https://www.jb51.net/article/139484.htm

19. vue切换路由后页面不能到顶部问题：

 解决方法： window.scrollTop(0,0);

20. vue-cli配置模块绝对路径引用

解决办法： https://blog.csdn.net/well2049/article/details/78547348

21. 借助 babel-plugin-component 按需引入Element组件，配置.babelrc报错问题

解决办法： 

"plugins": [["transform-vue-jsx", "transform-runtime"],
      ["component",[{
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
}]]]

22. vue-cli配置stylus、sass、less三个css预处理器

stylus -> https://www.cnblogs.com/lucas27/p/8885850.html
sass -> https://www.cnblogs.com/rainheader/p/6505366.html
less -> https://www.cnblogs.com/zhuzhenwei918/p/6870340.html?utm_source=itdadao&utm_medium=referral

23. vue-cli引入全局jquery对象

 解决办法： https://www.cnblogs.com/chenguangliang/p/6934053.html