当我将这段代码插入到一个新的html文档中时，我可以从express返回给用户，但是当我在实际的网站中使用它时，我会收到一个错误“无法读取未定义的属性'UserUrl'”。
表格:
<section class="section-shorten-url">
<div class="pt-2 pb-2">
<div class="shorten-url">
<form action="/" class="shorten-bg" method="POST">
<input type="text" name="UserUrl" id="url" placeholder="Shorten a link here...">
<button class="shorten-btn">Do the job</button>
</form>
</div>
</div>
</section>
快速代码如下:
const express= require("express");
const bodyParser= require("body-parser");
const request = require("request");
const app= express();
app.app.use(bodyParser.urlencoded({extended: true}));
app.use(express.static("public"));
app.get("/",function(req,res){
res.sendfile(__dirname + "/index.html");
});
app.post("/", function(req,res){
var url = req.body.UserUrl;
console.log(url);
});
var port= process.env.PORT || 3000
app.listen(port, function(){
console.log("server up");
});
您的后端应该是这样的
const express= require("express");
const bodyParser= require("body-parser");
const request = require("request");
const app= express();
app.use(express.urlencoded()); // Add this line
app.use(express.json()); // Add this line
app.use(express.static("public"));
app.get("/",function(req,res){
res.sendfile(__dirname + "/index.html");
});
app.post("/", function(req,res){
var url = req.body.UserUrl;
console.log(url);
});
var port= process.env.PORT || 3000
app.listen(port, function(){
console.log("server up");
});
