我正在try 使用React从开发服务器获取一些数据.

我在localhost:3001上运行客户端,在port 3000上运行后端.

The fetch request :

 const users = fetch('/api/users');
    users.then((err,res) => {
      console.log(res);
    })

当我运行我的开发服务器时,我得到以下Web包:

GET http://localhost:3001/api/users 404 (Not Found)

我try 在package.json中指定代理,这样它就可以将请求代理到API服务器,但是没有任何变化.

这是我的package.json file:

enter image description here

.. and the webpack.config : enter image description here

如果你还需要看我的项目,请告诉我.我很抱歉,如果我遗漏了什么,而且不够彻底,我对使用这些技术还是很陌生的.

推荐答案

您可以修改获取请求API url,以提供完整的主机名

 fetch('http://localhost:3000/api/users') 

还要确保后端已启用CORS

如果你想通过webpack重定向,你可以try devServer.proxy

devServer: { 
    inline: true, 
    contentBase: './dist', 
    port: 3001, 
    proxy: { "/api/**": { target: 'http://localhost:3000', secure: false }  }
 }

Reactjs相关问答推荐

每个都有重复元素的嵌套组件

在Reaction中测试条件组件

如何通过浏览器路由在单独的.jsx文件中使用MUI抽屉?

TanStack/Reaction-Query在我的Vercel应用程序中不起作用

在新屏幕上显示照片时出现问题-react

MUI:在props 主题中找到的值:;错误;是[Object],而不是字符串或数字

React-apexcharts 中的 Y 轴刻度不会动态更新符号

当从子状态更改复制时,react 父状态更改.我该如何防止这种情况?

Syncfusion:带有 TabItemsDirective 的选项卡组件不显示任何内容

损坏的图像 React useState

如何实现 redux 工具包来注册用户?

React - 错误边界未捕获错误

如何在 React 中使用 debounce hooks

useState 在生命周期中的位置

在 redux 中分派到另一个减少时状态值不会改变

从 API 中提取映射数组后出现重复元素

父状态改变后子组件丢失状态

渲染的钩子比预期的少.这可能是由 React Hooks 中意外的提前返回语句引起的

Cypress - 在继续之前等待下一个按钮重新出现

在react 钩子中将数组添加到数组状态给出一个数字