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用