process.env.NODE_ENV 开发环境配置详解（Vue项目）

开发环境与生产环境下切换 baseURL

• 增加.env.development文件

  // NODE_ENV = 'development' // 一般的人可能会配这个，其实这根本就不是啥配置项，只是对读者的一个说明，可以不用写。因为 Vue 是根据`.env.development`文件名来判断这下面是什么环境的变量
                              // 不过配置了也还行，这样你去拿这个变量的时候，你就知道此时处于什么环境下了
  VUE_APP_BASE_URL = '/api'
  

• 增加.env.development文件

  // NODE_ENV = 'production'
  VUE_APP_BASE_URL = 'http://localhost:3000/' // 因为打包之后就不会走代理了
  

• 使用

  const axiosRequest = axios.create({
      baseURL: process.env.VUE_APP_BASE_URL,
      timeout: 5 * 1000
  })
  

npm run serve默认是开发环境

npm run build默认是生产环境

相关链接：

https://blog.csdn.net/qq_43886365/article/details/128370109
https://blog.csdn.net/weixin_35773751/article/details/106069911