- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue axios 401登录过期返回登录页
vue axios 401登录过期返回登录页在interceptor.js拦截器里封装axios响应状态处理import axios from 'axios'import $router from '@/router'import { MessageBox, Message } from 'element-ui'// create an axios instanceconst http = axios.create({ serverUrl: serverUrl, withCrede
2021-05-10 16:36:04
4020
2
原创 vue-cli2升级到vue-cli3问题总结
vue-cli2升级到vue-cli3问题总结结构vue-cli3目录结构更加简洁，去掉了build、config等配置文件，把index.html和static静态文件提到public文件下，增加了vue.config.js黑盒模式配置文件，支持插件化定制；抽离了cli、service层，真正做到了“0”配置开箱即用。兼容vue-cli3不兼容动态import变量组件（vue-cli3是基于webpack4构建的，webpack4不支持动态import变量方式），使用require加载方式：co
2020-11-19 10:49:09
826
原创 vue img动态src加载@别名图片失败问题
vue img动态src加载@别名图片失败问题问题的由来： url-loader会把非根路径的url解析为相对路径加载@别名的动态src使用require引入图片（ps：require后面只能是字符串而不能是变量）...
2020-01-02 09:54:34
2281
原创 vue css中使用@别名加载图片失败问题
vue css中使用@别名加载图片失败问题问题的由来：css-loader会把非根路径的url解析为相对路径（添加~前缀会被解析为根路径）build => webpack.base.conf.js（别名）style ...
2019-12-31 11:50:56
1089
原创 vue相对路径打包
vue相对路径打包相对路径打包的意义：主要是项目打包以后可以直接在本地运行。首先，修改config => index.js文件其次，修改build => util.js文件（添加publicPath）...
2019-12-31 11:12:06
644
原创 vue动态路由import异步加载组件，找不到module的问题
问题的由来：webpack分模块打包导致import路径src少一级目录（ps：路径是由后端提供的）。解决办法：if (localJsonRouter.listenRouter) {//把后端的路径信息储存到sessionStorage listenRouter = localJsonRouter.listenRouter; listenRouter.forEach(item...
2019-09-10 14:32:39
9627
9
原创 webpack打包vue项目性能优化
项目打包上线设置productionSourceMap为false减小.map文件所占dist文件的体积；开启gzip对dist文件进一步压缩（ps：需后端配合开启gzip方可使用）；使用cdn减小打包后vendor.js的体积，从而缩短首屏加载时间（ps：第3步如果注释掉出现错误可以不进行注释）；按需引用组件（iview为例）；未完待续。。。...
2019-08-17 10:38:41
702
原创 webpack打包vue项目部署dist文件动态修改serverUrl
webpack打包vue项目部署dist文件动态修改serverUrl在static文件夹下创建一个js；给window创建一个属性储存serverUrl；在index.html中引入上一步创建的js；在请求接口文件最上方引入window创建的储存serverUrl的属性。...
2019-07-11 16:25:29
866
原创 vue项目浏览器兼容问题
浏览器兼容问题Vue项目修改默认滚动条样式：element-ui隐藏标签el-scrollbar、vuescroll插件；IE浏览器不兼容vue-socket.io：vue-socket.io-extended结合socket.io-client；IE浏览器input[type=“password”]出现小眼睛：input::-ms-clear{display:none;}；input::...
2019-07-11 15:47:33
1789
原创 vue动态路由的创建
vue动态路由的创建首先，需要后端的配合通过login拿到router的path；然后再组装每一个路由所需要的元素；比如title、children、component、meta等，其中最重要的就是children、component，尤其是component的组装需要通过path指定到对应的.vue组件（item.component = () => import(’@/pages’ +...
2019-04-17 09:53:19
1424
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人