如何将我的节点服务器上的静态文件请求代理到我的 React 开发服务器？

问题描述

我有一个 node.js 服务器，它在 create-react-app 处为我的 /admin 构建的静态文件提供服务。问题是，每当我对我的 React 应用程序进行更改时，我都必须重新构建文件以查看更新。相反，我想将 /admin 前端的请求代理到 create-react-app 附带的开发服务器，在 localhost:3000 上运行，因为这样可以提供更快的开发体验。

这就是我的服务器现在的样子：

// app.ts
...
const app: Koa = new Koa();

app.use(mount('/admin',serve(__dirname + '/build')));
...

这就是我尝试过的：

import proxy from 'koa-better-http-proxy';

const app: Koa = new Koa();

app.use(
  mount(
    '/admin',proxy('localhost:3000',{})
  )
)

最终发生的事情是对静态文件的请求仍然发出，响应给出一个 index.html 文件，但 JS 似乎没有运行，它给了我错误：

Uncaught SyntaxError: Unexpected token '<'

我还尝试了代理标头设置以将 content-type 调整为 application/json，但我也没有成功。

由于环境原因，我不能只在一个终端中运行节点服务器，而在另一个终端中运行 react 应用程序。该请求来自经过验证的第 3 方，并且必须先通过我的节点服务器，然后才能为我的应用的前端部分提供服务。

解决方法

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

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

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