将 nx monorepo 与 React 微前端代理重写问题一起使用

问题描述

我正在尝试创建一个简单的演示 monorepo，我在其中使用 nx 创建了两个不同的应用程序。一切正常，两个应用程序都在运行。我在两个应用程序中都创建了一个 proxy.conf.json 文件。当我尝试与 npx nx run-many --target=serve --projects=my-site,other-app --parallel --maxParallel=2 同时运行这两个应用程序时，两个应用程序都正确启动。但是，每当我导航到另一个应用程序时，页面的内容都不会改变。这两个应用程序都是用 React 编写的，一个在端口 4200 上，另一个在端口 4201 上。

问题是网站的标题在变化，但内容没有变化。我认为 proxy.conf.json 文件有问题。

端口为 4200 的应用程序上的第一个代理文件：

{
  "/other": {
    "target": "http://localhost:4201/","logLevel": "debug","secure": false
  }
}

端口为 4201 的应用程序上的第二个代理文件：

{
  "/other": {
    "secure": false,"target": "http://localhost:4201","pathRewrite": {
      "^/other": ""
    }
  }
}

我转到 /other 时的调试信息：

GET /other -> http://localhost:4201/

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）