我有一个运行在端口3000上的React应用程序,一个快速后端在端口5000上运行。我想让React代替使用index.html作为该应用程序的基本HTML,而是调用端口5000并使用该html (我在那儿有一条路由index.html,当我执行localhost:5000 / index.html时,它会正确响应)。我该如何告诉React不要查看public / index.html而是将其从后端拉出来?
答案 0 :(得分:0)
我认为您可以通过仅在一个项目中使用所有内容来最大程度地减少此类问题。
问题是,您需要为React应用安装一个挂载点。因此,您可以fetch
来了解localhost:5000/index.html
中的内容(您可能需要启用CORS),并且显然,您应该使用DOM分析器将传入的响应解析为文本,然后解析为可操作的DOM,之后会为您的应用程序找到安装点元素,并最终将所有内容呈现为当前html文档中的字符串。
因此,您需要执行类似this的操作;然后使用querySelector
在您的应用程序中找到安装点,然后使用DOMParser进行渲染。
但是,您需要具有一个Arquitecture,其中提供了您在应用程序中使用的每个组件。您可能需要使用react-router
才能实现。
答案 1 :(得分:0)
您可以使用代理和CORS进行此操作。
在您的React应用中的package.json文件中,您可以指定
"proxy": "http://localhost:5000"
您还应该在快递服务器上安装CORS库