vue-cli环境配置以及router使用history时的小技巧

代码根目录
.env文件打包时会被读取
其中允许的值有三种

// .env
NODE_ENV=不推荐修改，vue-cli打包时会根据运行serve还是build修改这个值为development还是production
BASE_URL=/ 默认值是"/"，会根据vue.config.js中配置的publicPath中配置的值而改变
VUE_APP_*="*"可以是任何字符，前缀VUE_APP_不能被改变，否则不会被读取

在src目录下使用这些值
process.env.NODE_ENV
process.env.BASE_URL
process.env.VUE_APP_ABC
process.env.VUE_APP_UFO

router

当router为history模式的时候，如果配置了publicPath，则会导致配置的路由地址不再准确，因而在配置router的时候设置base属性

// vue.config.js
module.exports = {
	publicPath: "/test"
}

// router
new VueRouter({
	mode: "history",
	base: process.env.BASE_URL
})