第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

嘗試使用 axios 從 Reactjs 組件發(fā)送數(shù)據(jù)以表達應用程序

嘗試使用 axios 從 Reactjs 組件發(fā)送數(shù)據(jù)以表達應用程序

有只小跳蛙 2022-05-26 14:25:09
我正在開發(fā)一個項目,前端使用 ReactJS typescript,后端使用 express,數(shù)據(jù)庫使用 MongoDB。我遇到的主要問題是我想以某種方式將數(shù)據(jù)從我的 React 組件發(fā)送到 express 應用程序,以便它可以查詢并將內(nèi)容添加到數(shù)據(jù)庫中。目前,我在 http://localhost:9000 上運行 express 服務器,在 http://localhost:3000 上運行 React 應用程序,我可以使用路由連接它們。我的快遞應用如下所示:var express = require('express');var path = require('path');var cookieParser = require('cookie-parser');var logger = require('morgan');var cors = require('cors');var indexRouter = require('./routes/index');var usersRouter = require('./routes/users');var testAPIRouter = require('./routes/testAPI');var testAddUser = require('./routes/addUser');const MongoClient = require('mongodb').MongoClient;const mongoose = require('mongoose');var app = express();// view engine setupapp.set('views', path.join(__dirname, 'views'));app.set('view engine', 'jade');app.use(cors());app.use(logger('dev'));app.use(express.json());app.use(express.urlencoded({ extended: false }));app.use(cookieParser());app.use(express.static(path.join(__dirname, 'public')));app.use('/', indexRouter);app.use('/users', usersRouter);app.use("/testAPI", testAPIRouter);app.use("/addUser", testAddUser);// catch 404 and forward to error handlerapp.use(function(req, res, next) {  next(createError(404));});// error handlerapp.use(function(err, req, res, next) {  // set locals, only providing error in development  res.locals.message = err.message;  res.locals.error = req.app.get('env') === 'development' ? err : {};  // render the error page  res.status(err.status || 500);  res.render('error');});const dbRoute = 'mongodb+srv://Adminname:fjfeinjd@pawornaw-b4vzg.gcp.mongodb.net/test?retryWrites=true&w=majority';mongoose.connect(dbRoute,    {useNewUrlParser: true})    .then(() => console.log("Connected to MongoDB"))    .catch(err => console.error("Could not connected to Mongo"));module.exports = app;
查看完整描述

1 回答

?
偶然的你

TA貢獻1841條經(jīng)驗 獲得超3個贊

當您從客戶端發(fā)送 post 請求時,它將位于 req 對象的 body 屬性中


const router = express.Router();

 // you shoud listen post request

router.post('/', function(req, res) {

  const { body } = req;

  // do somethin with data which you recieved in body, save to database for example

  // and send response to the client

  res.json({ message: 'your data was saved'});

});


module.exports = router;


將數(shù)據(jù)發(fā)送給客戶端使用:


router.get('/', function(req, res) {

  res.json({ data: 'Some data'}); // or res.send('some text') to send plain text

});


查看完整回答
反對 回復 2022-05-26
  • 1 回答
  • 0 關(guān)注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號