在 MERN stack Web 应用程序中连接前端与后端

问题描述 投票:0回答:1

Github 链接 repo 这是一个基于 MERN 堆栈的简单库存管理系统。该存储库中有两个文件夹(前端和后端)。它在本地主机上运行良好,但现在我上传到互联网(Netlify、渲染)它不起作用。前端链接 https://stockmanagement-aakash.netlify.app/ 和后端链接 https://stock-system-1-h76n.onrender.com 在后端链接中,如果在末尾添加 /api/products然后您就可以看到数据库中的数据。但它不适用于前端。

看完视频后,我在前端文件夹 vite.config.js 文件中添加了一个代理,看起来像

server: { proxy: { '/api': 'http://localhost:3000', },  
},但它仍然没有启动。

reactjs node.js mongodb express mern
1个回答
0
投票

验证您的后端 API 端点是否可以通过互联网访问。您提到将 /api/products 附加到您的后端 URL 是有效的,因此问题可能与您的前端如何发出请求或如何配置代理有关

© www.soinside.com 2019 - 2024. All rights reserved.