nuxt axios 多环节变量配置不同地址

cross-env能跨平台地设置及使用环境变量

大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）

cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题

npm安装方式

npm i --D cross-env

package.json配置

"scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "dev-t": "cross-env process.env.__ENV=testing nuxt",
  "build-t": "cross-env process.env.__ENV=testing nuxt build",
  "dev-p": "cross-env process.env.__ENV=production nuxt",
  "build-p": "cross-env process.env.__ENV=production nuxt build",
},

nuxt.config.js配置

env: {
  __ENV: process.env.__ENV
},

axios.js 配置

 if(process.env.__ENV=='development'){
    axios.defaults.baseURL = 'http://www.xxx.local/api'
 }else if(process.env.__ENV=='production'){
    axios.defaults.baseURL = 'http://www.xxx.cn/api'
}else if(process.env.__ENV=='testing'){
    axios.defaults.baseURL = 'http://xxx.org/api'
}else{
    axios.defaults.baseURL = 'http://www.xxx.local/api'
}