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

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

HTML 表單不向節(jié)點 js 發(fā)送數(shù)據(jù)

HTML 表單不向節(jié)點 js 發(fā)送數(shù)據(jù)

汪汪一只貓 2022-12-18 16:02:59
我正在嘗試實現(xiàn)一個 html 表單,該表單接受輸入并將其發(fā)送到節(jié)點 js 服務器,但 html 表單沒有向節(jié)點 js 發(fā)送任何數(shù)據(jù)。它發(fā)出請求但沒有發(fā)送表單數(shù)據(jù)。我有一個 index.html 文件<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Input Form</title></head><body>    <h1>Send a message:</h1>    <form action="http://localhost:3000/action" method="POST">        <label for="data">Message:</label>        <input type="text" id="data" placeholder="Enter your message" name="text"/>        <input type="submit" value="Send message" />    </form></body></html>和一個節(jié)點js文件//Modulesconst fs = require ('fs');const express = require('express');const app = express();const bodyParser = require('body-parser');const http = require('http');const actionRoute=require('./routes/action')const server = http.createServer(app)app.use(express.urlencoded({ extended: true }))app.use(bodyParser.json())app.all('/',(req,res)=>{    res.statusCode = 200;    res.setHeader('Content-Type', 'text/html');    res.end(fs.readFileSync('./public/index.html'))})const hostname = 'localhost';const port = 3000app.post('/action',(req,res)=>{    console.log(req.body)    res.statusCode=200;    res.end("thnx")})server.listen(port , hostname,function(){    console.log('Server running at http://'+hostname+':'+port);});目錄結構:||-index.js|-public|--index.html在發(fā)布路由中,req.body 為空,它打印{}
查看完整描述

1 回答

?
FFIVE

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

我嘗試了完全相同的代碼并且它運行良好。它對您不起作用的一個可能原因是 html 表單位于不同的主機上,默認情況下不允許跨域請求。允許所有來源:

  1. 從 npm 安裝 cors

    npm 安裝 cors

  2. 為您的路線使用 CORS 中間件

const cors = require('cors');

.

.

.

app.post('/action', cors(), (req, res) => {

   console.log(req.body)

   res.statusCode=200;

   res.end("thnx")

});


查看express 官方文檔了解更多



查看完整回答
反對 回復 2022-12-18
  • 1 回答
  • 0 關注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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