如何同时执行react/vite/nodejs/express app？

Question

我是 React 和 JavaScript 的新手。我在将客户端和后端链接在一起时遇到了问题。 我尝试同时启动前端和后端，以便能够向后端发送请求并将数据提取到我的前端。 我遵循了本教程： https://levelup.gitconnected.com/how-to-simultaneously-run-the-client-and-server-of-your-full-stack-app-in-one-folder-ef5a988d56d7

在我尝试运行 npm run dev 之后，出现以下错误：

PS C:\Users\sebas\Downloads\LiveFanaticSS> npm run dev
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
> livefanaticss@1.0.0 dev
> concurrently "npm run server" "npm run client"
[0] npmnpm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
[0]  WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.      
[1] 
[1] > livefanaticss@1.0.0 client
[1] > npm start --prefix client 
[1] 
[0] 
[0] > livefanaticss@1.0.0 server
[0] > npm start --prefix server 
[0] 
[0] npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
[1] npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
[0] 
[0] > server@1.0.0 start
[0] > nodemon index.js  
[0] 
[1] npm ERR! Missing script: "start"
npm ERR! 
[1] npm ERR! Did you mean one of these?
[1] npm ERR!     npm star # Mark your favorite packages   
npm ERR!     npm stars # View packages marked as favorites
[1] npm ERR! 
[1] npm ERR! To see a list of scripts, run:
npm ERR!   npm run
[1]
[1] npm ERR! A complete log of this run can be found in:
[1] npm ERR!     C:\Users\sebas\AppData\Local\npm-cache\_logs\2023-01-27T18_44_00_542Z-debug-0.log
[1] npm run client exited with code 1
[0] [nodemon] 2.0.20
[0] [nodemon] to restart at any time, enter `rs`
[0] [nodemon] watching path(s): *.*
[0] [nodemon] watching extensions: js,mjs,json
[0] [nodemon] starting `node index.js`
[0] http://localhost:3333
[0] server running on port 3333

我该如何解决？

Answer 1

好的，我通过在客户端的 package.json 文件中添加“开始”：“vite”解决了我的问题。 我之前在错误的地方添加它。

Answer 2

您可以使用 npm package axios从 React 进行 api 调用。 npm - axios