在Vue.js应用程序中正确设置环境变量

Question

因此，我的vue.js应用程序的根目录中有以下两个文件：

.env.development：

NODE_ENV=development
VUE_WORDPRESS_API=LOCAL

.env.production：

NODE_ENV=production
VUE_WORDPRESS_API=PRODUCTION

然后我的package.json中包含以下内容：

  "scripts": {
    "serve": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build --mode production",
  },

因此，我试图根据我正在运行modes还是env来切换$ rpm run serve和$ npm run build变量。

但是，在我的应用程序内部运行npm run serve时，我发现环境变量设置不正确：

// console.log(process.env.VUE_WORDPRESS_API) <= Undefined

if (process.env.VUE_WORDPRESS_API === 'PRODUCTION') {
  axios.defaults.baseURL = window.location.hostname
}

if (process.env.VUE_WORDPRESS_API === 'LOCAL') {
  axios.defaults.baseURL = process.env.VUE_WORDPRESS_API_LOCATION
}

我想知道，我的env文件一定有问题吗？他们的名字正确吗？我想念什么？