使用 Webpack DevServer 代理转发功能,可以轻松将本地开发环境中的请求代理到其他服务器。例如,您可以将所有以 /api 开头的请求代理到 'http://localhost:3000' 上运行的后端 API 服务器。

在 Webpack 配置文件中的 devServer 选项中添加以下内容:

devServer: {
  proxy: {
    '/api': 'http://localhost:3000'
  }
}

这样,所有以 /api 开头的请求都会被转发到 http://localhost:3000 上。例如,请求 /api/users 会被转发到 http://localhost:3000/users

使用代理转发的好处:

  • 方便本地开发调试后端 API。
  • 避免跨域问题。
  • 保持前端代码与后端 API 的分离。

原文地址: https://www.cveoy.top/t/topic/nGjU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录