vue-cli2:区分开发、测试、生产环境
本文适合使用vue-cli2搭建的项目,vue-cli3取消了build和config文件夹,不适用此方法。
用vue-cli2构建完项目后,只有一个开发环境dev和生产环境prod,现在我们要加一个测试环境 test
1、首先在package.json增加一个test启动项,可以使用npm run test打包测试代码
本文适合使用vue-cli2搭建的项目,vue-cli3取消了build和config文件夹,不适用此方法。
用vue-cli2构建完项目后,只有一个开发环境dev和生产环境prod,现在我们要加一个测试环境 test
1、首先在package.json增加一个test启动项,可以使用npm run test打包测试代码
1、在package.json文件中添加
"scripts": { "serve": "vue-cli-service serve", //调用开发api "build": "vue-cli-service build", //上线 "test": "vue-cli-service build --mode test",//需要添加的内容,测试 },
1、需要增加到table表格里的 :height="tableHeight" ref="table"
<Table :columns="columns" :data="list" :height="tableHeight" ref="table"></Table>
一个是修改表的编码格式的
ALTER TABLE `table` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
const CompressionPlugin = require('compression-webpack-plugin')
webpackConfig.plugins.push(
升级Mac os catalina后,VMware fusion也升级到到最新的11.5.1了,这样解决了原本windows虚拟机开机后黑屏的问题,可现在又发现windows虚拟机无法识别USB设备,这样导致网银U盾之类的无法使用了。相信很多网友都遇到了同样的问题。
生成缩略是个消耗cpu的操作,如果访问量比较大的站点,最好考虑使用程序生成缩略图到硬盘上,或者在前端加上cache或者使用CDN。所以下面我们配置将生成的缩略图保存到硬盘供下次访问
# | 项 | 域名 | 描述 |
---|---|---|---|
1 | pc端 | www.example.com | 用于pc端访问官网 |
2 | 移动端 | m.example.com | 用于移动端访问 |
在电脑端访问www.example.com
和m.example.com
都跳转到www.example.com
在移动端访问www.example.com
和m.example.com
都跳转到m.example.com