开发者社区> 问答> 正文

如何在Webpack的devServer配置中设置代理以转发API请求?

如何在Webpack的devServer配置中设置代理以转发API请求?

展开
收起
迪哒迪滴喵 2024-08-13 18:12:58 57 0
1 条回答
写回答
取消 提交回答
  • 在Webpack的devServer配置中,可以通过proxy对象来设置代理以转发API请求。你需要为想要代理的API路径指定一个目标服务器地址,并可以配置其他选项如changeOrigin、secure和pathRewrite等。例如,要将/testapi路径的请求转发到https://www.easy-mock.com/mock/5dff0acd5b188e66c6e07329/react-template,你可以这样配置:

    devServer: { 
    // 其他配置... 
    proxy: { 
    "/testapi": { 
    target: "https://www.easy-mock.com/mock/5dff0acd5b188e66c6e07329/react-template", 
    changeOrigin: true, 
    secure: false, 
    pathRewrite: { "^/testapi": "" } 
    } 
    } 
    }
    

    这样配置后,当你的应用请求/testapi路径时,请求会被转发到指定的目标服务器地址。

    2024-08-13 20:51:26
    赞同 展开评论 打赏
问答分类:
API
问答地址:
问答排行榜
最热
最新

相关电子书

更多
ACE 区域技术发展峰会:Flink Python Table API入门及实践 立即下载
Java Spring Boot开发实战系列课程【第15讲】:Spring Boot 2.0 API与Spring REST Docs实战 立即下载
Spring Boot2.0实战Redis分布式缓存 立即下载