vue + elementUI++Vue常见的坑
此项目主要是列举平时遇见的问题的一些解决方案,后续开发直接引用就行&&参考就行module.vue是模板结构,新建.vue文件时复制粘贴,项目开发完成删除即可模板是在vue-cli 脚手架的基础上根据自身项目需求做的改动
·
此项目主要是列举平时遇见的问题的一些解决方案,后续开发直接引用就行&&参考就行
module.vue是模板结构,新建.vue文件时复制粘贴,项目开发完成删除即可
模板是在vue-cli 脚手架的基础上根据自身项目需求做的改动
项目说明如下如下:(之前遇到的一些坑)
-
版本号添加(解决缓存问题)node接收打包变量 npm run build v1.1上线时,编写上线脚本 参考之前脚本 sh line.sh v1.1
-
img 标签src路径js动态添加打包时候吧不会添加上版本号第一种解决方案:在版本文件夹外层,单独复制一份static(之前项目解决方案)第二种解决方案:地址 require(path)(建议以后用这种)
-
线上&&测试环境请求接口地址更换第一种:手动切换(目前项目中用的是这种)第二种:判断是开发环境还是生产环境(前端搞定,不需后端配合,不需手动)第三种:配置proxyTable转发请求但是后端也需要nginx转发请求(好处减少了前端一点代码,不用再拼接请求地址
-
请求引入的是vue-resource目前vue-resource已经停止更新,但是我们还是用vue-resource的原因是我们的后端接口都是跨域请求,vue官方推荐的是axios但是目前来说我是没发现跨域的解决方法项目中的api文件夹是项目的数据层,做到数据层与逻辑层分离api.js就是请求层,config.js就是接口配置信息
-
多语言处理-vue-I18nvue-i18n@5.x和 饿了吗兼容,其他版本开发比较复杂iview 也是一样必须用5版本详细用法参考main.js
-
Vue-router 懒加载babel-polyfill修复低版本浏览器内核不支持es6语法注意:只需安装到开发依赖
-
线上过滤console.log
- 解决首屏加载白屏现象
项目目录说明
-
api(service 模块)数据请求层,api.js数据请求处理,config.js接口配置信息
-
routerindex.js路由配置信息
-
storevuex状态管理,如果状态较多时 把store分割成module,方便管理例子:就是分割成模块的例子,可供参考
-
tool项目中所需的一些工具(例如:一些自定义的一些工具函数)
-
vueI18n多语言--包(分模块。方便管理)
-
bus.js一个通信实例,主要解决组件之间通信问题(非父子组件),注意方法命名问题
-
config.js 项目中的配置信息
-
static项目中的静态资源js\img\css
项目地址:https://github.com/f-z-k/vue-element.git
更多推荐
已为社区贡献1条内容
所有评论(0)