使用xswitch转发浏览器请求本地调试

# 使用xswitch转发浏览器请求本地调试

# 功能

请求地址转发
全局插件启用开关
可禁用浏览器缓存
采用 jsonc (opens new window) 以支持在转发规则中写注释
可以使用 Monaco Editor（VSCode）中的部分快捷键，比如通过 ⌘K ⌘F 组合键可以实现格式化 JSON 的功能
自动补全
支持 CORS，支持 withCredentials
跨域和缓存禁用键（右键点击浏览器工具栏的 XSwitch 插件图标 - 设置）
分组规则

# 用法

所有的规则，会按照定义的顺序从前往后执行，即使匹配到了规则，也会继续往下匹配，直到最后一条启用的规则。

小提示：把 HTTPS 的链接转发到 http://127.0.0.1 下，浏览器不会出安全提示。习惯用 localhost 的同学，可以尝试下这个。

{
  // 转发规则
  "proxy": [
    [
      "//alinw.alicdn.com/platform/daily-test/isDaily.js", // 匹配 URL
      "//alinw.alicdn.com/platform/daily-test/isDaily.json" // 替换成这个 URL
    ],
    // 字符串替换，会全局匹配
    [
      "alinw",
      "g"
    ]
    // 把链接里所有的 .min 替换掉
    // [
    //   ".min",
    //   ""
    // ],
    // 正则
    // [
    //   "(.*)/platform/daily-test/(.*).js$",
    //   "http://127.0.0.1:3000/daily-test/$1.js"
    // ],
    // 直接转换成 inline 模式的 JavaScript
    // [
    //   "https://alinw.alicdn.com/platform/daily-test/isDaily.js",
    //   "data:text/javascript,window.__isDaily = true;"
    // ]
  ],
  // 希望开启 CORS 跨域的链接
  "cors": [
    "cors.a.com",
    "(.*).b.com"
  ]
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

更多说明：https://yuque.com/jiushen/blog/xswitch-readme

# 使用

# 1、安装xswitch插件

# github地址：https://github.com/yize/xswitch

# 配置路由

{
  "proxy": [
    [
      "https://dev.xxx.com/order/(.*)", // https://www.sample.com/path1/path2/index.js
      "http://127.0.0.1:8001/order/$1", // http://127.0.0.1:3000/index.js
    ],
  ],
}

1
2
3
4
5
6
7
8

更多关于xswitch配置查看文档：

# 2、关闭安全项启动chrome浏览器（解决无法跨域请求问题）

类似于 Windows 下的 Chrome，也需要先创建个个人目录，如

/Users/wenkailiu/MyChromeDevUserData/

然后将已打开的 chrome 退出，运行如下命令：

open -a'Google Chrome' --args --disable-web-security --user-data-dir=/Users/wenkailiu/MyChromeDevUserData/ --allow-running-insecure-content

之后就可以将你需要转发的url转发到你想要转发的地址进行测试了

上次更新: 2024/04/01, 19:14:44

← 手动安装jar到maven仓库 spring常用组件扩展点→