XSwitch-将前端服务请求转发至本地服务

解决问题：

        前后端分离项目，将测试环境前端请求后端服务重定向至本地开发服务

XSwitch 的优势

        基于 Chrome Extension，即装即用。不需要额外配置其他环境。

        基于 Monaco Editor，可以使用编辑器带来的快捷操作方式。可以写 JSON 注释。

        即时保存，即时生效。

        自动提示页面上加载到的资源文件，作为提醒（目前只抓取了 http(s) 的地址，其他协议的忽略了）​​​​​​​

XSwitch 的功能

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

使用方式

        参考视频：XSwitch 使用介绍-教育-高清完整正版视频在线观看-优酷 (youku.com)

下载插件     

        链接：https://pan.baidu.com/s/1mK1uSKr83eiTNZVjsWBQ0Q?pwd=mbs0 
        提取码：mbs0

安装插件

        将 .crx 安装包直接拖入 Chrome 浏览器扩展中，即可完成安装；

        edge浏览器 将下载的 .crx 安装包后缀改成 .zip 再拖入浏览器；

配置介绍

{
  // 转发规则
  "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"
  ]
}