vue-mitmproxy-demo

This project demonstrates using mitmproxy to serve a subdirectory (/my/sub/path/) of a website (https://example.com) from a local Vue CLI development server with hot reload. This a useful development technique when multiple semi-independent applications are hosted on a single domain that is partitioned by path.

Key Components:

• mitmproxy proxy service: http(s)://localhost:8080
• mitmproxy web-based interface: http://localhost:8081
• Custom Proxy PAC: http://localhost:8082/proxy.pac
• Vue CLI dev server: http://localhost:8082

Preqrequisites

• Install mitmproxy v8.1
• Install the mitmproxy CA cetificate

Project setup

npm install

Proxy Vue CLI development server with Hot Reload

npm run dev

Configure System for Proxy Auto-Configuration (PAC)

Configure your system proxy settings for proxy auto-configuration. The address of the PAC file is: http://localhost:8082/proxy.pac

Test

https://example.com/my/sub/path/