vue+element

vue+element开发(第一次)

在选择vue的UI时,对比了 element和iview,然后选择了element,总的来说,element的用户多,博客啥的也多
开发途中的几个比较特色(奇葩)的功能,听我细细道来

---

vue-cli创建项目

安装依赖,配置跨域

这些就不说了,网上教程遍地走

---

打包上线问题

1.页面空白,静态资源文件报错404:

需要配置,config文件下的index.js

2.经过1之后还是出现页面空白,但是静态资源可以加载到;需要在路由文件里面加base;

3.使用css的background引入的图片无法加载,这种情况需要配置config文件下的utils.js;

publicPath: '../../',

4.打包上线之后,刷新页面报404,未找到页面,这个时候就需要后端配合一下;如果报404的时候,要重定向到首页去,这样就可以了,如果前端项目单独的一个服务器,可以使用node或者nginx进行重定向;

---

类似vue管道(filters)的那种,比如时间戳转化

因为element的表格组件的特性,使用管道太麻烦,幸好文档提供
看了遍文档不太明白意思,然后又经过百度,成功转化
给el-table-column设置这没个属性就可以了,另外formatDate方法写在methods里面的

:formatter="formatDate" 

vue的this.$router.go()

开发环境可以刷新本页,打包线上之后失效,然后问了人,改成了js
的刷新location.reload()

vue打包上线之后vendor.js有1.5m,以及懒加载

vue懒加载优化了第一次加载的速度,使用懒加载可实现按需加载

将vue,axios,使用cdn加速(bootcdn),然后在进行webpack配置可将vendor的大小降低很多
我对这个了解也不是很多,请自行百度

---

也许是后台系统,遇到的比较难的,大的问题不是很多…