Vue.js中未定義的流程

Question

我嘗試在我的 vue 專案中使用 process.env.process.env.VUE_APP_SERVER_URL 。但我收到如下錯誤。

Uncaught ReferenceError: process is not defined

它使用 webpack 並透過 npm start 命令運行。

一旦您知道解決方案，請隨時與我聯繫。

Answer 1

您可以在webpack.config.js中新增下列程式碼。

const webpack = require('webpack');
const dotenv = require('dotenv').config({ path: __dirname + '/.env' })

module.exports = {
   ...
   plugins: [
      new webpack.DefinePlugin({
          'process.env': JSON.stringify(dotenv.parsed),
      }),
   ]
   ...
}