vue.js - vue-cli 3如何配置环境变量？

Question

我尝试在 vue-cli 中使用环境变量，但不起作用，每次使用 console.log(process.env.VUE_APP_BASE_URI) 时都会显示“未定义”。但是 process.env.NODE_ENV 说的是我在 webpack.config.js 中定义的“开发”。

我阅读了 vue-cli 3 的文档并将我的 .env.* 文件放在根项目中。像这样:

Webpack.config.js

    module.exports = {
  mode: 'development',
  context: __dirname,
  entry: {
    main: ['babel-polyfill', './App/index.js']
  },
  plugins:[
    new VueLoaderPlugin()
  ],

.env.development

VUE_APP_BASE_URI=http://localhost:64208/api/

.env.production

VUE_APP_BASE_URI=http://localhost:64208/api/

我将 .NET Core 与 Vue 结合使用。使用环境如何？

Answer 1

刚好发生在我身上，解决方法很简单。只需重新启动您的开发服务器即可。

ctrl + c

然后

npm run serve