Vue脚手架(cli)配置不同环境下数据请求域名,即axios的baseUrl

396 阅读1分钟

1、新建.env.development和.env.production文件(和package.json同级),内容如下:

image.png

  • .env.development

      module.exports = { // 测试环境
        NODE_ENV = 'development'
        VUE_APP_API_BASE_URL = 'https://fapi.aiads-dev.com'
      }
    
  • .env.production

      module.exports = { // 生产环境
        NODE_ENV = 'production'
        VUE_APP_API_BASE_URL = 'https://fapi.jydata.com'
      }
      
    

说明:注意注意: 官方说明:只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中。

这样,在构建过程中,process.env.VUE_APP_BASE_API 将会被相应的值所取代。

image.png

image.png