vue项目的反向代理的配置

最新推荐文章于 2024-12-31 17:59:46 发布

敲代码的皮皮

最新推荐文章于 2024-12-31 17:59:46 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/cc12345_10/article/details/119936754

本文介绍了如何在Node.js的开发环境中，通过webpack-dev-server的devServer选项配置proxy，实现API和移动应用接口的跨域访问，包括changeOrigin和pathRewrite的使用技巧。

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

module.exports = {
    devServer:{
        // proxy:"http://localhost:3000"
        proxy:{
            '/api':{
                changeOrigin:true, //设是否置改变host的地址，这样就可以跨域了
                target:'http://localhost:3000', //设置代理的服务器地址以及端口号
                pathRewrite:{ //路径重定向,表示的是如果接口中是以''开头的，那么会重定向到http://localhost:3000
                    '^/api':''
                }
            },
            '/mm':{
                changeOrigin:true,
                target:'http://mobile.bwstudent.com',
                pathRewrite:{
                    '^/mm':''
                }
            }
        },
        // publicPath:'/'
    }
};