我这边遇到了前後端如何接在一起的问题，想请各位前辈帮帮忙 专案是前端用：React，後端用：node.js 最初我启动 react 是 3000 port， node 是 5500 port 也就是在 react 中长这样 fetch("http://localhost:5500/api") 可是我的老师希望只在一个 port 启动 就是类似在 node 使用样板语言让後端资料能直接渲染画面那样 从头到尾只会有一个网址 我在网路上找了很多资料，都是跟我一样的做法 (两个端点) 或是在 package.json 中设置代理服务器 "proxy": "http://localhost:5500/" (可是这也是两个端点) 有没有人有遇过类似的做法，或是相关关键字可以提供给我查询 谢谢～ --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 49.197.56.209 (澳大利亚) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1567992270.A.AB5.html 事实上我试过直接在 React 中打包完 将整包静态资源放入 node 的 public 资料夹(不太熟悉怎麽做，手法有点粗糙) 然後因为资料夹大概会长这样 -public -index.html -mainifest.json -static -css -js -media 我直接先在 app.use 中使用 res.sendFile(path.join(__dirname + '/index.html')) 抓取由 React 来的 index.html 的路径 可以抓取到首页，但是点击按钮要 fetch 资料时就会出现 404 not found 错误 感觉是因为我的路径设置不对，或静态资料放置的位置不对 可是我找不到相关资料，不知道怎麽修正 所有资料如下：程式码中包含很多额外的垃圾我没有删掉抱歉 React: https://github.com/jenifers001d/AzureReact/blob/master/src/App3.js Node: (48 line) https://github.com/jenifers001d/AzureNode/blob/master/app.js 问题图片集: https://hackmd.io/@OQeeWHXgRk6Fwb8MEh1Jww/HktJiIX8r ※ 编辑: Moneyyyyy (49.197.56.209 澳大利亚), 09/09/2019 13:01:11 试了G大的方法，可以成功运行，真的是非常感谢 稍微研究了一下 concurrently 是同时执行两条监听命令 (实际上还是两个端点，那麽如果我想将其部署在 Heroku 上) (node 中 app.listen(5500); 是不是要做修改？) 另外，实务上是比较偏向这种，将後端(node.js写成)的档案放在 React 中 而不是将 React build 完，将静态资料放进後端(node.js写成)的public资料夹？ 还是後者也可以做到，只是我不会(掩面 如果後者也可以做到，不知道有没有网路上的参考资料能让我学习？ 再麻烦有资源的前辈告知，谢谢 ※ 编辑: Moneyyyyy (124.184.105.23 澳大利亚), 09/09/2019 21:08:23 抱歉这边不理解，多宣告是指针对我上述哪个问题？ 这边我不确定是不是因为我不太懂没说清楚 我目前的理解是 React 启动在 http://localhost:3000 而我的後端启动在 http://localhost:5500 这样是两个端点，React 中用 fetch 取资料时需要连结到另一个 url 另外，如果我将 React 和後端分别部署在 Heroku 就会是两个不同的 url 但是目前老师的要求是，例如 React 启动在 http://localhost:3000 我点击了一个按钮後，会连到 http://localhost:3000/book (这个不会明确显示在网址栏)，然後後端送回资料渲染画面 如果将上述部署在 Heroku 就会是只有一个 url 例如：https://myapp.herokuapp.com/ 我的 fetch 直接放 "/book" 参数就好，不会是放不一样的 url ※ 编辑: Moneyyyyy (124.184.105.23 澳大利亚), 09/10/2019 10:55:10 谢谢 b大a大 的解说，我有稍微理解了 对，我的基础有很多地方要加强，因为学得有点乱 我在接触现代框架前，单纯只写js，也明白不用跑 web server 就能在浏览器上出现 但是使用现代框架，我自己还没去搞懂 webpack 那些 想说先能动起来就好（这是我自己的问题 >"< 谢谢 s大 不厌其烦详尽的解说 在我询问完朋友後，最後也是归到对於 http server 和 route 的不熟悉 等我试试新的想法，顺利解完後再 po 上来补充 谢谢大家的回应 ※ 编辑: Moneyyyyy (131.181.158.30 澳大利亚), 09/11/2019 11:03:32