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

本文介绍了使用Nuxt.js开发和生产的不同baseURL的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何为开发和生产添加其他baseURL?

How can I add a different baseURL for development and production?

这是我目前的nuxt.config.js

This is currently my 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.

For npm run dev and npm run generate I would like to have different baseURL's.

我该怎么做?

// 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?
  },
   ...
}

推荐答案

您可以这样做

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

Inside your nuxt.config.js fileadd this environment variable

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

谢谢！

这篇关于使用Nuxt.js开发和生产的不同baseURL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！