使用 Nuxt.js 进行开发和生产的不同 baseURL

Question

如何为开发和生产添加不同的 baseURL？

这是目前我的 nuxt.config.js

module.exports = {
  mode: 'universal',
...
  axios: {
    // See https://github.com/nuxt-community/axios-module#options
    baseURL: 'http://10.8.0.1:8000',
    credentials: false
  },
...
}

对于 npm run dev 和 npm run generate 我想要不同的 baseURL。

我该怎么做？

编辑

// nuxt.config.js
export default {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  }
}

console.log(process.env.BASE_URL) // <-- The output is correct (I get the BASE_URL from my env variables

module.exports = {
   ...
  axios: {
    baseURL: process.env.baseUrl // <-- This is not working, why?
  },
   ...
}

Answer 1

你可以这样做

在您的 nuxt.config.js 文件中 添加这个环境变量

   build: { ....},
   env: {
    baseUrl: process.env.BASE_URL || 'localhost'
   }

谢谢！