显然这样的配置我们目前不能修改，因为目前的配置文件只有vue.config.js，所以我们添加如下代码，进行公共环境变量的设置。 vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/…

好了废话不多说开始撸代码。 babel-preset-env 帮助我们配置 babel。我们只需要告诉它我们要兼容的情况（目标运行环境），它就会自动把代码转换为兼容对应环境的代码。 11. 区分环境引入不同地址 解决更改文件打包时dist文件没有清除，再次打包。 tips: i…

1. 接口模块处理 这里封装的依据是后台传的JWT，已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时，具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数，避免从缓存中拿数据。 除了基础请求类型，还有很多类似下载、上传这种，需要特…

正则表达式的基本使用。（例如分组） 首先，我们按照以下代码创建一个HTML文件，本文主要就是教大家如何实现以下功能。 我们都知道，vue是基于MVVM设计模式的渐进式框架。那么在JavaScript中，我们该如何实现一个MVVM框架呢？ 实现一个Watcher 侦听器。讲Com…

无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。 在下文中，我们…

作为一个前端，可能绝大多数的时间都是在写的业务代码，时间一长，大家会觉得乏味、没意思等等，但是其实就算只是写业务代码，我们也依然能够找到有兴趣的点，说的简单一点就是代码优化，不仅仅局限在业务逻辑这块，像是代码复用、效率等等都是我们可以加以改进的地方，学会在业务代码中找到不足，总…

Vue页面、组件之间传参方式繁多，此处罗列出常用的几种方式，欢迎审阅补充。 这里的路由传参以编程式router.push(...)为例，声明式<router-link :to="...">与之类似。此处模拟情景为从componentsA.vue页面跳转到componentsB.…

平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。 scp2是一个基于s…