Configuración del agente de desarrollo front-end

Configuración de proxy

Como herramienta de desarrollo y depuración, Whistle puede ayudar a los desarrolladores a resolver muchos problemas, tales como: dominios cruzados, diferentes configuraciones de entorno, etc.

El principio de agencia

a.jpg

Silbar

Para obtener una configuración detallada, consulte

instalación

Whistle se basa en Node.js. Primero debe instalar Node.js (la versión debe ser superior a 10.0)

npm install -g whistle

Comando de inicio

puesta en marcha whistle start

Reiniciar w2 restart(puede usar esto directamente para comenzar)

acceso

http://127.0.0.1:8899/

Regla

Configurar regla, este es un paso más importante, el propósito es reenviar el acceso a una determinada 特定域名的请求intercepción 本地服务器.

Visite, http://127.0.0.1:8899/#rules, la configuración es la siguiente.

Hay muchas formas de configurar reglas

1. Coincidencia exacta

Nota: Cuando se accede http://ltzero.com/test/js/app.js, el servidor proxy lo reenviará ahttp://127.0.0.1:8080/test/js/app.js

Ejemplo 1
http://ltzero.com/test/js/app.js http://127.0.0.1:8080/test/js/app.js

2. Emparejamiento regular

Ejemplo 2
# 以 / 开头  / 结尾
/http://ltzero.com/test/js/(.*\.(js))/ http://127.0.0.1:8080/test/js/$1

$1为占位符,可以拿到前面通过正则匹配到的第一个结果。
此正则配置,包含了上面的示例1

3. Coincidencia de comodines

Ejemplo 3
# 以 ^ 开头
^ltzero.com/test/*** http://127.0.0.1:8080/$1

4…

Para obtener más reglas de coincidencia, consulte las reglas de configuración oficiales

SwitchyOmega

Herramienta de extensión de configuración de proxy utilizada por Chrome.

1. Crea un perfil nuevo

Servidor proxy -> protocolo proxy, seleccione HTTP en este cuadro de selección desplegable, cambie example.com a 127.0.0.1 y cambie 80 a 8899

2. Cambiar el proxy SwitchyOmega del navegador

Agente informático

Una vez que la computadora está configurada con un proxy global, todas las aplicaciones usarán el proxy.

Proxy global de configuración Win10

win key-> Configuración-> Red e Internet-> Proxy-> Configurar proxy manualmente.

Dirección 127.0.0.1, puerto8899

Mac

Dirección oficial

Agente móvil

Una vez configurado el proxy en el teléfono móvil, todas las solicitudes de la aplicación pasarán por el proxy.

Establecer proxy wifi-> manualmente, IP de red interna de la computadora 10.1.10.133, puerto8899

Supongo que te gusta

Origin blog.csdn.net/LitongZero/article/details/115331890
Recomendado
Clasificación