不想打代码

详情可参考链接：https://router.vuejs.org/zh/guide/advanced/lazy-loading.html 改造后的代码

案例 当我们需要打包项目放到生产环境的时候，需要运行 build 命令，其中会有console.log()的报错，因为不提倡生产环境有内容的输出，那么我们可以使用一个插件babel-plugin-transform-remove-console，这样在build的时候，就会自动移除掉输出语句 但是有一个问题，这样就会把开发环境中的输出语句也移除掉了，这样可能就不利于我们开发调试 // babel.config.js 文件 module.exports = { presets: [ '@vue

简介 前后端分离的项目中，前端需要通过发送请求获取数据，为了安全，需要保证前端发送过来的请求拥有可以获取数据的权限 在基于token登录的项目中，每次请求都需要为请求头添加token字段，表示自己已经登陆过，拥有权限 token可以通过 jwt 在登录的时候生成并保存到session中 每次发送请求的时候就需要在请求中加入token字段 解决方案 axios中有 interceptors 属性，其中有 request 成员，就是一个请求拦截器 再通过 use 挂载一个回调函数，只要有请求通过 axi

案例 当我们在页面中发起请求的时候，如果网络很差或者后台处理慢，没有及时的响应，用户在页面中就不知道请求到底是发送成功了还是发送失败了 这个时候，我们可以使用 nprogress 插件，在页面中添加请求进度条 预览图 使用方法 安装依赖 main.js 文件导入 // 导入请求进度条组件和样式 import NProgress from 'nprogress' import 'nprogress/nprogress.css' 调用NProgress.start()和NProgress.don

案例 通常我们在开发环境和生产环境的项目打包配置都是有所不同的 那么我们该怎么去指定在什么环境使用什么打包入口呢？ 解决方法 首先我们需要两个配置文件 main-dev.js 和 main-prod.js 然后就可以在 vue.config.js 中进行选择配置 chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { con

案例 在我们打包项目的时候，会发现一些依赖包占用的空间很大，而现在很多的依赖包都在外部CDN服务器上有相应的资源，那么我们就可以使用外部CDN资源，减轻项目服务器的压力 默认情况下，通过 import 导入的第三方依赖包最终会被打包合并到同一个文件中，从而导致打包成功后出现单文件体积过大的问题 解决方法 为了解决上述问题，可以通过 webpack 的 externals 节点来配置外部的CDN资源 凡是生命在 externals 中的第三方依赖包，都不会被打包 步骤 在 vue.config.j

案例 在生产环境和开发环境中，首页的一些内容也许会有差别，那么如何在首页中进行自定制呢？ 例如要设置页面标签标题，CDN资源在开发环境中不使用等 不同的打包环境下，首页的内容可能会有所不同 解决方案 我们可以通过插件的方式进行定制，只需要在 webpack 中进行配置，再在页面中判断渲染即可 步骤 在 vue.config.js 文件中进行配置 chainWebpack: config => { // 发布模式 config.when(process.env.NODE_EN