process is not defined in Vue.js

Question

I tried to use the process.env.process.env.VUE_APP_SERVER_URL in my vue project. But I got the error like the following.

Uncaught ReferenceError: process is not defined

It's using the webpack and run by npm start command.

MidasTouch · Accepted Answer · 2022-02-06 17:01:46Z

1

You can add the following code in 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),
      }),
   ]
   ...
}

answered Feb 6, 2022 at 17:01

MidasTouch

1633 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

process is not defined in Vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related