vue2项目优化

最新推荐文章于 2024-06-27 15:34:59 发布

前端姬云鹏

最新推荐文章于 2024-06-27 15:34:59 发布

阅读量363

点赞数

文章标签：前端 javascript vue.js vue

本文链接：https://blog.csdn.net/Jizongjizong/article/details/125966090

版权

本文介绍了Vue2项目的一系列优化方法，包括添加加载进度条、解决警告、删除console.log、懒加载路由、通过externals加载CDN资源以及优化ElementUI的打包。详细步骤涵盖了从配置到实践的整个过程。

摘要由CSDN通过智能技术生成

1.添加加载进度条效果

1.安装 nprogress

2.引入css和js代码

// 1.引入NProgress模块和样式
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

3.将引入的代码配置在Ajax请求拦截中

axios.interceptors.request.use(config=>{
  //2.在请求路径的时候调用NProgress的start()方法显示进度条
  NProgress.start()
  // config函数header头部使用提供的Aut..接口 token的值给 header中的Aut...
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config
})
axios.interceptors.response.use(config=>{
  //在response结束时调用nprogress的done()方法结束进度
  NProgress.done()
  return config
})