总结
项目总结
weixin_44559272
这个作者很懒,什么都没留下…
展开
-
vue项目中axios的封装和接口的统一管理
在src下面新建一个axios文件夹和一个api文件夹,然后在axios里面新建index文件,index文件用于封装axios,在api文件夹里面按模块管理接口。 axios/index.js 1.引入 引入qs模块,用来序列化post类型的数据 2.环境的切换 我们的项目环境有开发环境、测试环境和生产环境,node的环境变量来匹配我们的默认的接口url前缀。axios.defaults.baseURL可以设置axios的默认请求地址。 3.设置请求超时 通过axios.defaults.timeout设原创 2020-10-29 18:44:19 · 180 阅读 · 0 评论 -
vue项目中keep-alive、meta的实际应用
需求:司机库、企业信息管理、设备库三个模块的页面在数据详情页及数据操作页回退到列表页面可以保留用户之前的筛选状态,其他页面无需保留筛选状态 实现:用keep-alive包裹组件router-view,通过$route.meta的keepAlive属性区分需要缓存的页面 需要注意的点:v-if不能加在keep-alive上面会使缓存失效,可以加在router-view上或者在keep-alive上改用include,keep-alive是缓存不活动的组件实例(把router-view里的内容存在组件的dat原创 2020-10-29 15:46:20 · 918 阅读 · 0 评论 -
vue项目优化 一 多环境部署
第一步: package.json文件下scripts节点对象中新增test属性。 "test": "node --max_old_space_size=6096 build/build-test.js", 第二步: 在build文件夹下复制一份build.js,重命名为build-test.js。 修改build-test.js中的参数process.env.NODE_ENV、webpackConfig、spinner。 第三步: 在build文件夹下复制一份webpack.prod.conf.js原创 2020-10-29 15:26:16 · 105 阅读 · 0 评论 -
vue项目优化 — 按需加载elementui
单页面引入elementui **main.js中** import { Button, Form, FormItem, Input, Row, Col, Message } from 'element-ui'; Vue.use(FormItem) Vue.use(Form) Vue.use(Input) **单页面中** import 'element-ui/lib/theme-chalk/index.css';原创 2020-10-29 15:26:06 · 272 阅读 · 0 评论 -
vue使用及理解
vue快速搭建原创 2020-09-14 12:23:28 · 128 阅读 · 0 评论