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

Posted 2023-03-28

【中文标题】使用 Nuxt.js 进行开发和生产的不同 baseURL

【英文标题】：Different baseURL for development and production with Nuxt.js

【发布时间】：2019-06-28 05:10:14

【问题描述】：

如何为开发和生产添加不同的 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?
  ,
   ...

【问题讨论】：

你可以使用环境变量

你有一个有效的例子吗？我不懂文档：nuxtjs.org/api/configuration-env

你解决过这个问题吗？

【参考方案1】：

你可以这样做

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

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

谢谢！

【讨论】：

在哪里设置 www.devurl.com，在哪里设置 www.productiveurl.com？

在您的环境文件中！在您的主机上。您在哪里托管？

我正在使用“npm run generate”构建一个静态网站。我想要这样的想法： if (development) baseURL = www.devurl.com else baseURL = www.productiveurl.com 这可能吗？

我更新了我的帖子。我正在尝试从环境中获取 BASE_URL。你看到我做错了吗？您在 github 或其他地方有工作项目/示例吗？谢谢