Javascript axios api调用指向nextjs应用程序中的本地主机它在服务器端工作正常

我在nextjs和react应用程序中使用axios库我可以使用getStaticProps（）从服务器调用api它正确地呈现初始数据，但当我从客户端（浏览器）调用将更多数据附加到我的列表时，它遇到了错误的URL它指向我的服务器（本地主机），而不是api服务器

我已经在我的服务器中为基本URL配置和附加头创建了axios拦截器

当我从服务器端通过axios发出请求时，API端点是，但当我从客户端通过相同的拦截器配置发出请求时，API端点类似于localhost:3000/userlist

下面是我的azios实例

let instance = axios.create({
     baseURL: https://smaple-api/v1,
     headers: {
     "Appapi-Id":"h4er9jdt33i6_8r37mg"
     }
  })

我的api.js文件，我从中引用了api

const feedsApi = { 
     userFeeds : (apiUrl,data) => {
     return http.post(apiUrl,data)
}

export default feedsApi;

---

您能编辑您的问题并包含您的代码吗？它们都在本地主机上运行吗？那么你可能会有交叉的问题-origin@MunsMan没有api，他们正在开发服务器上运行，我的下一个应用程序正在我的计算机上运行machine@Cully您好，实际上拦截器工作正常，但只有当我从客户端发出axios请求时，它才会出现问题API端点应该是www.example.com/poductlist，但是它指向localhost:3000/productlist

baseURL

值来自哪里？它是硬编码的吗？如果它不是硬编码的，那么它必须来自某些配置，例如环境变量，它不存在于客户端上，但仅存在于服务器上。您可以编辑您的问题并包含您的代码吗？两者都在本地主机上运行吗？那么你可能会有交叉的问题-origin@MunsMan没有api，他们正在开发服务器上运行，我的下一个应用程序正在我的计算机上运行machine@Cully您好，实际上拦截器工作正常，但只有当我从客户端发出axios请求时，它才会出现问题API端点应该是www.example.com/poductlist，但是它指向localhost:3000/productlist

baseURL

值来自哪里？它是硬编码的吗？如果它不是硬编码的，那么它必须来自一些配置，例如一个环境变量，它不存在于客户机上，而只存在于服务器上