理解webpack中proxy的pathRewrite

2022-07-08 08:04:13 浏览数 (1)

代码语言:javascript复制
proxy: {
  // 一旦devServer(5000)服务器接收到 /api/xxx 的请求,就会把请求转发到另一个服务器(3000)
  // 浏览器和服务器之间有跨域,但是服务器和服务器之间没有跨域
  '/api': {
    target: 'http://localhost:3000',
    // 发送请求时,请求路径重写:将 /api/xxx --> /xxx (去掉/api)
    pathRewrite: {
      '^/api': ''
    }
  }
}
代码语言:javascript复制
proxy: {
  // 一旦devServer(5000)服务器接收到 /api/xxx 的请求,就会把请求转发到另一个服务器(3000)
  // 浏览器和服务器之间有跨域,但是服务器和服务器之间没有跨域
  '/api': {
    target: 'http://localhost:3000',
    // 发送请求时,请求路径重写:将 /api/todo--> /todo(去掉/api)
    // http://localhost:3000/api/todo -> http://localhost:3000/test/todo
    pathRewrite: {
      '^/api': '/test'
    }
  }
}

0 人点赞