如何使用vue-cli 3配置环境变量？

Question

我尝试在vue-cli中使用环境变量,但是不起作用,每次使用时都说'undefined' 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/

我使用带有Vue的.NET Core.如何使用环境？

Answer 1

它只是发生在我身上，解决方案非常简单。只需重新启动您的开发服务器。

ctrl + c

然后

npm run serve

Answer 2

可能有不同的方法来实现这一点，从命令行的一种简单方法是：

npx vue-cli-service serve --mode production

如果未指定模式，则默认为开发。