美文网首页
vue-cli配置多环境变量

vue-cli配置多环境变量

作者: blue_angel | 来源:发表于2021-04-26 09:23 被阅读0次

配置多环境打包

如有开发环境、测试环境、生产环境

1.开发环境,创建.env.development文件

VUE_APP_BASEURL="http://192.168.0.136:8088"

2.测试环境,创建.env.test文件

VUE_APP_BASEURL="http://test.baidu.com"

3.生产环境,创建.env.production文件

VUE_APP_BASEURL="http://www.baidu.com"
package.json文件的配置
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test"
  },
打包命令

1.打生产包

npm run build

2.打测试包

npm run test

注:如果有更多的环境变量,类似配置。

打包后的dist目录如何启动?

安装web 服务

npm i -g serve

启动

serve dist

相关文章

网友评论

      本文标题:vue-cli配置多环境变量

      本文链接:https://www.haomeiwen.com/subject/xnusrltx.html