fiddler 如何代理本地代码到测试环境进行渲染,请看详细描述

Question

现在我的项目是vue框架，采用的vue-cli 3.x进行搭建的框架，
进行vue框架开发的各位大佬都知道，通过命令启动后，项目会在localhost:12345的页面里面进行展示我们的开发环境页面。
因为一些特殊的情况，我现在需要做到如下的事情：
1、我已有的测试环境链接假定为：https://test.zoufengrui.com:19920/zfrProject/#/
2、我在本地运行npm start命令之后，启动我的本地node服务器运行我的项目代码，
3、重点：我想要在运行起我的本地开发环境代码之后，所有的修改，包括标签，样式修改，新增接口调用等等，能够在原本的localhost页面能看到修改状态的所有操作，能够在我访问我浏览器里面测试环境页面的时候能够同样有效果

请问我改如何配置，需要哪些软件和浏览器插件，请知道的大佬教导一下。万分感谢

Answer 1

就是代码同步是吧，vscode live share试一下.这个插件要求你服务器上要装个vscode.

不过一般情况下都是项目写完了才会发布到测试环境.

Answer 2

1. 把源代码部署到测试服务器
2. 启动开发 npm run serve
3. 用 nginx 反代开发服务器到外面
4. 直接在服务器端修改代码

不过速度和性能不会太理想，只能做演示。

另外如果是内网的话，可以直接访问开发服务器。