nuxt.js 多环境配置

1,197 阅读1分钟

1、创建env.js

2、package.json配置相应的启动命令

这里配置BASE用于区分环境 可看到一共有三个环境,分别是production、nk、temp(对应了env.js)

3、nuxt.config.js引入

在nuxt.config.js 引入 const env = require('./env')

//这里的env需要配置之后才才能全局读取,否则只能serve端读取
env: {
  BASE: process.env.BASE
}
axios: {
  proxy: true, // 表示开启代理
  // debug: process.env.NODE_ENV == "production" ? false : true,
  baseURL: env[process.env.BASE].VUE_APP_HOST_MALL,
  // browserBaseURL: '/'
}
//baseURL 全局axios的URL前缀    browserBaseURL仅限浏览器的axios也就是客户端的URL前缀
//axios是对应整个项目中的axios的配置,使用的前提是要在plugins里面已经配置了axios
plugins: [
    '@/plugins/axios'
],
//代理配置,需要axios中的proxy设置为true才生效
proxy: {
  "/nk/" : {
    target : env[process.env.BASE].VUE_APP_HOST_MALL,
    pathRewrite: {
      '^/nk': '/nk'
    }
  }
}