devServer中开启proxy应该如何书写 rewrite 属性？

Question

问题描述

在日常开发过程中，我们经常会在本地启动代理来解决开发过程中的跨域问题，但是很多情况下我们会去复制很多文档中的推荐的 proxy 配置，并不会去了解具体应该如何去配置代理，特别是 rewrite 属性。

问题出现的环境背景及自己尝试过哪些方法

应该如何正确的配置 rewrite 属性呢？错误的配置会造成如何怎么样的问题？

相关代码

下拉选择组件示例代码：

server: {
  // host: '0.0.0.0',
  cors: true,
  open:true,
  // 跨域配置
  proxy: {
    '/api': {
      target: 'http://192.168.0.1:8888',  // 后台接口地址
      changeOrigin: true,
      rewrite: path => path.replace(/^\/api/, '')
    }
  }
},

你期待的结果是什么？实际看到的错误信息又是什么？

应该如何去配置本地代理的 rewrite 属性？

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

我一般会代理到 https://www.lilnong.top/cors/ 这个服务上，会返回用户当前请求的真实地址

这样可以帮助我分辨是否正确的代理，同样的测试用法我也会用在 nginx 的 proxy_pass 中

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。