如何解决如何将我的节点服务器上的静态文件请求代理到我的 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 举报,一经查实,本站将立刻删除。