Vue 프로젝트 로컬 및 서버의 환경 변수 구성

 

Vue 프로젝트 로컬 및 서버의 환경 변수 구성

 

1. npm i -D dotenv-webpack 설치

 

2. /webpack.config.js 수정

...
const Dotenv = require('dotenv-webpack')

module.exports = {
  ...
  plugins: [
    ...
    new Dotenv()
  ],
...

 

3. /.env 생성

OMDB_API_KEY = ...

 

4. /functions/movie.js 수정

const axios = require('axios')
const { OMDB_API_KEY } = process.env

...