我们的系统以iframe形式嵌套在别人系统的子模块，想问问大佬们，如何启本地调试代码啊？

Question

线上他们的系统是通过nginx配置转发来访问我们的页面，目前两套系统代码都能拿到，都是用vue写的代码，在本地能正常启动。现在都是改了东西部署上去才能查看效果，着实麻烦呢，就是不知道本地开发环境，两个如何配置才能在本地调试修改代码，是否可以通过webpack配置实现？不太懂这块。。

Answer 1

本地代码跑线上环境就可以，在项目的代理配置devServer中的target代理线上环境

devServer: {
    port: 9001,
    proxy: {
      '/api': {
        target: '这里为线上网关地址',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }

Answer 2

<iframe srcdoc="<p>Hello, world!</p>"></iframe>

Answer 3

用iframe内联的方式, 这就是完全独立的项目, 直接在本地配置好环境调试就可以了呀. 又不依赖对方的父窗口. 就算依赖父窗口, 自己随便建个就好了.

Answer 4

没太理解是想要怎么样，如果是嵌入的项目直接本地运行起来就好了呀？为什么需要部署上去，是有一些没有提到的内容吗？还是说数据问题？那么启动的时候环境变量设置为prod不就可以了嘛？