Webpack DevServer 代理转发:将 /api 请求代理到 'http://localhost:3000'
使用 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 著作权归作者所有。请勿转载和采集!