vue.js - Nuxt 如何在开发或生产中设置 baseURL

Question

这似乎是一个简单的 Nuxt 问题，但我就是想不通。

运行“NPM run dev”时，我想将 Axios baseURL 设置为“localhost/api”，在“NPM run generate”之后从 dist 文件夹运行时，我希望 baseURL 为“/api”。

有简单的解决方案吗？

Answer 1

这是通过 nuxt.config.js 完成的方法:

let development = process.env.NODE_ENV !== 'production'

module.exports = {
  axios: {
    baseURL: development ? 'http://localhost:3001/api' : 'https://domain/api'
  },
  modules: [
    '@nuxtjs/axios'
  ],
}

如您所见，您应该指定后端的完整 URL，包括域(仅 SPA 模式除外)。

并且不要忘记安装 @nuxtjs/axios 作为依赖项来尝试示例。