XSwitch使用

1,680 阅读1分钟
{
  "proxy": [
     [
      "https://dev.g.alicdn.com/alog-ware/cnbp-erp/1.79.23",
      "https://dev.g.alicdn.com/alog-ware/cnbp-erp/1.81.0"
    ]
  ]
}

第一行是原始替换地址,*表示匹配前面的任意多个字符

第二行是替换后的地址,这里替换的结果为将1.79.23版本的 js文件替换成为了1.81.0版本的 js 文件


使用场景

当前我们有一个前后端分离的项目,在测试环境部署了前后端分离的实例。我们目前在自己电脑上访问的话当然是测试环境的前端代码了,那么对应访问的后端也当然是前端自动路由到测试环境的后端地址了。但是我正在做接口的开发,我需要的是前端对后端的请求路由到当前电脑上正在开发的后端地址,此时 XSwitch 这个插件就可以帮助我们快速实现这个需求。

使用前:

使用后:(将我们的接口调用劫持到我们本地启动的后端环境上面)


支持跨域

例:从百度站点的一个请求转发到谷歌

{
  // 通过设置 proxy 设置我们需要的路径替换地址
  "proxy": [
    [
      // 原始替换地址,这里使用了一个正则表达式,表示该网站所有资源
      "https://www.baidu.com/(.*)",
      // 替换后的地址,这里将对应的资源全部替换成为了本地的了
      "https://www.google.com/$1",
    ],
  ],
  "cros":[
		"www.google.com"
   ]
}

获取后端接口地址版本

获取前端项目版本号(为当前开发的版本号,需要发布一次)