这里写自定义目录标题
前言
接了一个vue-cli 3.x 创建的history模式的项目,打包给后端部署,一直出问题,现在就记录一下history模式的坑。
npm run build配置-package.json
"scripts": {
"dev": "vue-cli-service serve --mode dev",
"build": "vue-cli-service build --mode prod",
"start": "node index.js",
"server": "nodemon index.js --ignore client",
"lint": "vue-cli-service lint"
},
可以看到 “build”: “vue-cli-service build --mode prod”,可以通过传递 --mode 选项参数为命令行覆写默认的模式。一般我们分为开发模式(dev),生产模式(production)和测试模式(test),我们可以打一个测试的包和一个正式的包,在不同的模式下定义不同的环境变量。
关于模式和环境变量的详解,可以去看官网的文档:模式和环境变量
我在项目的根目录下添加这两个文件,来指定环境变量
.env.dev文件
NODE_ENV = 'development'
VUE_APP_CURRENTMODE = 'dev'
VUE_APP_BASEURL = '/ee'
VUE_APP_BIGDATAURL = '/bb'
.env.prod文件
NODE_ENV = 'production'
VUE_APP_CURRENTMODE = 'prod'
VUE_APP_BASEURL = '正式环境的ip地址,http://xxxxx'
VUE_APP_BIGDATAURL