vue 压缩体积之 vue-cli4 配置 gzip
VUE
查看 vue cli 版本$ vue -V
@vue/cli 4.5.13安装 compression-webpack-pluginnpm install compression-webpack-plugin@6.1.1 --save -dev配置 Vue.config.jsconst CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipEx... ...
阅读全文
解决 Vue 项目 invalid host header 问题（两种方案）
VUE
问题出现背景做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header分析问题这句话的意思是：无效的Host请求头；因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器）测试环境下的webpack有一个host检查功能：webpack 的 devServer 中如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如：第一种解决方案设置允许访问的域名module.exports = {
//...
devSe... ...
阅读全文
vue项目页面跳转的常用方法
VUE
1：router-link 跳转2：this.$router.push() 3：this.$router.replace() 4：this.$router.go(n)5：window.location.href = urlss;1 和 5 可以跳到第三方网页... ...
阅读全文
element 中el-select 的 el-option的value值为数字
VUE
起因：在使用 el-select 组件的时候，el-option 选项中的 label 和 value 的值分别是对应的，但是 value 的值需要在传参的时候，需要的是数字，不是字符串。解决方案：增加 v-bind 或者直接 :value="1"<el-option label="数字1" :value="1"></el-option>
<el-option label="数字2" :value="2"></el... ...
阅读全文
