vue打包时手动配置环境

599 阅读1分钟

我在打包时,领导要求在生产环境使用测试环境地址,因为我们有微信扫码登录功能 ,所以需要在正式环境才能测试。

1,在生产环境使用测试地址

    1)在根目录创建文件.env.staging 文件

          NODE_ENV = 'production' 

          # just a flag ENV = 'staging' 

          # base api VUE_APP_API_URL = 'https://xxxxx'

     2)在package.json中的scripts中配置  

          "build:stage": "vue-cli-service build --mode staging"

     3) 在运行的时候执行 npm run build:stage

这样就可以在生产环境使用测试地址的接口了

要是想在打包的时候打包生产环境的接口地址  可以和上面的方法一样 

1,在生产环境使用生产环境地址

1)在根目录创建文件.env.production文件

NODE_ENV = 'production'

just a flag ENV = 'production'

base api VUE_APP_API_URL = 'https://xxxxx'

2)在package.json中的scripts中配置

"build:prod": "vue-cli-service build",

3) 在运行的时候执行 npm run build:prod