如何使react与vs code上的node.js交互?

Question

我想在同一个项目中使用react和node.js在visual studio代码上工作。但是我不能把它们联系起来。

网上的很多资源都不实用。

Answer 1

这应该是相当直接的，但这里有一个简单的指南，如何轻松地使用两者:

1. 为整个项目创建一个文件夹

2. 创建两个子文件夹，一个用于react native项目(我通常命名为app)，另一个用于服务器(node.js)。

3. 确保在服务器文件夹中安装nodemon，并将此部分添加到package.json

   "scripts": {
   "start": "node app.js",
   "devstart": "nodemon app.js",
   "test": "echo "Error: no test specified" && exit 1"
   },
   

   注意，我添加了名为"devstart"的部分。然后你只需运行"npm run devstart"现在你的Node.js项目正在运行，当你做更改时，它会重新加载。

你现在可以让API调用你的node.js后端，只要你使用正确的端口号等。我通常使用Axios包用于ReactJS和React Native，我强烈推荐它!

希望这对你有帮助!

Answer 2

首先，您需要了解在服务器(nodejs)上运行的代码和在客户端(react)上运行的代码之间的区别。

你正在写的Nodejs代码可能是一个web服务器。此web服务器运行在服务器上(而不是在反应式客户端的设备上)。要访问这个web服务器，你可以进行http调用(例如webserver.com/api/hello可以返回JSON{ 'value': 'hello' }.

您的反应式应用程序在特定设备上运行。如果您的服务器正在运行，则可以对服务器进行http调用。