Procédure non définie dans Vue.js

Question

J'essaie d'utiliser process.env.process.env.VUE_APP_SERVER_URL dans mon projet vue. Mais j'ai eu l'erreur suivante.

Uncaught ReferenceError: process is not defined

Il utilise webpack et s'exécute via la commande npm start.

N'hésitez pas à me contacter une fois que vous connaîtrez la solution.

Answer 1

Vous pouvez ajouter le code suivant dans 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),
      }),
   ]
   ...
}