webpack代理--proxy

最新推荐文章于 2025-07-06 10:15:00 发布

weixin_43281126

最新推荐文章于 2025-07-06 10:15:00 发布

阅读量557

点赞数

分类专栏： web

web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Webpack配置文件中设置代理，以解决跨域问题，并展示了一个使用代理请求API的具体示例。通过将特定前缀的请求代理到目标服务器，可以实现本地开发环境下的API调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//webpack.config.js
proxy: {
            '/drink': {
                target: "http://xxx.26.xx.75:8010/channelFreeDrink/",
                changeOrigin:true,
                pathRewrite: {
                    '^/drink': ''
                }
            }
      }

//api.js
const sourcelist = ()=>{
    return new Promise((resolve,reject)=>{
        // fetch(window.YY_API + '/channelFreeDrink/activity').then(res => {
        fetch('/drink/activity').then(res => {
            if(res.status==200) return res.json()
        }).then(data=>{
            resolve(data)
        })
    })
}