Nuxt：客户端 API 请求中的 Axios 基本 URL 错误答案

【问题标题】：Nuxt: wrong Axios base URL in client side API requsetsNuxt：客户端 API 请求中的 Axios 基本 URL 错误
【发布时间】：2021-11-24 02:51:29
【问题描述】：

我已经在 Nuxt 配置中设置了这样的 axios Base_url

  axios: {
    baseURL: process.env.API_URL,
  },

问题是当我在客户端请求 api 时，axios 使用默认的 base_url ，我的意思是它将请求发送到 http://localhost:3000/ 而不是我的后端服务器。但是对于服务器端的请求，一切正常。

下图显示客户端请求。

【问题讨论】：

您能显示用于发出axios 请求的代码吗？

标签： vue.js axios nuxt.js

【解决方案1】：

尝试为 API 设置代理。（在网络选项卡中，网址将显示为问题图像中所示）

  axios: {
   baseURL: process.env.API_URL, // Must be base url
   proxy: process.env.NODE_ENV === 'development'
  }
  proxy:
     process.env.NODE_ENV === 'development'
       ? {
           '/': {
                  target: process.env.API_URL,
                  changeOrigin: true,
                  logLevel: 'debug',
                  secure: false
                }
         }
       : false,

【讨论】：