Undefinierte Prozedur in Vue.js

Question

Ich versuche, process.env.process.env.VUE_APP_SERVER_URL in meinem Vue-Projekt zu verwenden. Aber ich habe die folgende Fehlermeldung erhalten.

Uncaught ReferenceError: process is not defined

Es verwendet Webpack und wird über den Befehl npm start ausgeführt.

Bitte zögern Sie nicht, mich zu kontaktieren, sobald Sie die Lösung kennen.

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),
      }),
   ]
   ...
}