nuxt.js配置BASE_URL(基本域名)和NODE_ENV(环境变量)
第一步:安装 cross-env(这个迷你的包能够提供一个设置环境变量的scripts)
npm i cross-env -D
第二步:配置BASE_URL和NODE_ENV
在package.json文件中:
"scripts": {
"dev": "cross-env BASE_URL=http://192.168.3.12/strategyService NODE_ENV=development nuxt",
"build": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt build",
"start": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt start",
"generate": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt generate"
},
一定要注意,命令一定要写在末尾,cross-env能跨平台地设置及使用环境变量,这样我们在执行不同的命令(npm run xxx)时,都会设置相应的BASE_URL(基本域名)和NODE_ENV(环境变量)
第三步:配置nuxt.config.js
// nuxt.config.js module.exports = { mode: 'universal', env: { BASE_URL: process.env.BASE_URL, NODE_ENV: process.env.NODE_ENV } }
第四步:使用
你在任意页面console.log(process.env.BASE_URL)都是可以打印得出来的