webpack之devServer配置及说明

最新推荐文章于 2024-05-12 21:27:07 发布

@tangguo123

最新推荐文章于 2024-05-12 21:27:07 发布

阅读量1.2k

点赞数

文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/hj17629030978/article/details/125716303

版权

devServer.proxy

proxy: {
    '/proxy': {
        target: 'http://your_api_server.com',
        changeOrigin: true,
        pathRewrite: {
            '^/proxy': ''
        }
}

假设你主机名为 localhost:8080 , 请求 API 的 url 是 http：//your_api_server.com/user/list
‘/proxy’：如果点击某个按钮，触发请求 API 事件，这时请求 url 是http：//localhost:8080/proxy/user/list 。
changeOrigin：如果 true ，那么 http：//localhost:8080/proxy/user/list 变为 http：//your_api_server.com/proxy/user/list 。但还不是我们要的 url 。
pathRewrite：重写路径。匹配 /proxy ，然后变为’’ ，那么 url 最终为 http：//your_api_server.com/user/list 。