5.WebPack反向代理配置

WebPack反向代理主要用于解决开发环境的跨域问题,生产环境跨域需要通过Nginx解决

配置方式:

devServer:{
      // 配置代理服务器,进行代理数据
      proxy:{
            // 前缀名,表示/api开头的都会被代理
            '/api':{
                  // 代理的基础路径
                  target:'https://www.baidu.com/images/',
                  // 路径重写,会把路径上的 /api 替换成空
                  pathRewrite:{'^/api': ''}
            }
      }
}
// 最终结果就是访问:/api/123.html
// 会被代理成:https://www.baidu.com/images/123.html
posted @ 2021-01-17 16:36  木-鱼  阅读(790)  评论(0)    收藏  举报