nuxtjs项目中配置环境变量

1、先下载cross-env

npm install cross-env

然后在package.json中修改script配置

 "scripts": {
    "dev": "cross-env NODE_ENV=dev nuxt --open ",
    "test": "cross-env NODE_ENV=test nuxt",
    "build": "cross-env NODE_ENV=pro nuxt build",
    "start": "cross-env NODE_ENV=pro nuxt start",
    "generate": "nuxt generate"
  },

2、然后在根目录下新建一个env.js文件

module.exports = {
  // 开发测试环境
  dev: {
    NODE_ENV: 'development',
    API_URL: 'https://*****.com/'
  },
  //生产环境
  pro: {
    NODE_ENV: 'production',
    API_URL: 'https://*****.com/'
  },
}

3、然后在在nuxt.config.js中的env模块中设置环境变量

import env from './env'

然后在nuxt.config.js文件中增加:

env:{
    NODE_ENV: env[process.env.NODE_ENV].NODE_ENV,
    API_URL: env[process.env.NODE_ENV].API_URL,
  },

然后在其他地方直接通过process.env.xxx用

你可能感兴趣的:(vue,javascript,nuxt,javascript,前端,vue.js,vue,node.js)