使用x-switch进行代理

调料包：mac下的ihots && chrome插件xswitch

安装软件

首先在 chrome 的组件中，加入xswitch插件
如果你需要修改本机地址，在 appstore 中下载ihots，用来管理自己的本机地址

如何进行代理

点开xswitch后，会有如下界面，让你进行代理地址的填写
你需要两个地址，本机项目入口地址和你要代理的环境入口地址
第一个是本地项目 build 后的入口文件地址：
- 首先你需要开启你的项目，找到对应的本地项目启动地址：localhost：8000
第二是项目的地址
- 在浏览器中，打开项目，打开 Network 刷新页面
- 找到入口文件对应的地址，写在 xswitch 中第二行，第二个是测试环境入口文件【一般是index.js】：
- 然后打开你要代理的环境页面【这里默认你的代理页面为测试环境】
- 进入测试环境网页项目主入口，打开 Network 然后刷新页面
- 从刷新的页面中，找到 index.js 的资源请求

为什么找到这个资源，其实原理很简单，这个文件就是你项目 build 之后的js入口文件
这个文件不一定叫index.js，你在项目中配置成啥就是啥
你只需要在项目中 build 一下，打开build后生成的文件包，看下入口文件叫啥就可以了

找到 index.js 的资源请求后，点开，在 Request URL 中复制地址，写在 xwitch 第一行
再次刷新页面，看到代理的地址对应码是 307 时，代表代理成功

接下来你就可以愉快的在本地进行开发了~

✅需要代理js入口文件
✅需要代理css文件，不然本地修改了css是不起作用的

"proxy": [["https://xxxxxxxx/xxxxx/xxxxxxx/0.0.8/umi.js", //线上地址"http://129.0.0.1:8000/umi.js" // 本机地址],["https://xxxxxxx/xxxx/xxxxxx/0.0.10/umi.css","http://localhost:8000/umi.css"]
],

使用x-switch进行代理相关推荐

Proxy-SwitchyOmega-Chromium代理
给浏览器添加代理: 让我们可以更好的上网体验: 下载安装 | Proxy SwitchyOmega (proxy-switchyomega.com) 谷歌,edge下载可能自动删除换其他浏览器比如, ...
腾讯XR，为什么凉了
深燃(shenrancaijing)原创作者 | 李秋涵编辑 | 魏佳大厂的业务线,从成立到部分解散能有多快? 最近有一个新答案是,8个月. 2月16日下午,腾讯XR(扩展现实)业务线员工李钢铁 ...
Host Switch Plus：基于浏览器的 Hosts 代理插件（Chrome）
几天前无意间又看到关于前端开发中,Hosts 切换问题的讨论,团队一直在用自己之前改进的一个小插件,还是比较方便的,介绍给大家: 插件介绍插件名称:Host switch plus: 安装:通过 C ...
git 代理 git_如何不再害怕GIT
git 代理 git 了解减少不确定性的机制 (Understanding the machinery to whittle away the uncertainty) 到底什么是Git? (What ...
java Proxy(代理机制)
我们知道Spring主要有两大思想,一个是IoC,另一个就是AOP,对于IoC,依赖注入就不用多说了,而对于Spring的核心AOP来说,我们不但要知道怎么通过AOP来满足的我们的功能,我们更需要学习 ...
js中的事件委托或是事件代理详解(转载)
起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...
FastDFS + Nginx代理方式访问
FastDFS + Nginx代理方式访问作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.在storage上安装nginx 1>.下载nginx软件(http://ngi ...
Binder通信中的代理模式
1. 模式介绍代理模式是对象的结构模式.代理模式给某一个对象提供一个代理对象,并由代理对象控制对原对象的引用. 模式的使用场景就是一个人或者机构代表另一个人或者机构采取行动.在一些情况下,一个客户 ...
Android 插件化原理学习 —— Hook 机制之动态代理
前言为了实现 App 的快速迭代更新,基于 H5 Hybrid 的解决方案有很多,由于 webview 本身的性能问题,也随之出现了很多基于 JS 引擎实现的原生渲染的方案,例如 React Nat ...
cisco switch命令大全
cisco switch命令大全 1.在基于IOS的交换机上设置主机名/系统名: switch(config)# hostname hostname 在基于CLI的交换机上设置主机名/系统名: swi ...

使用x-switch进行代理

安装软件

如何进行代理

使用x-switch进行代理相关推荐

最新文章

热门文章