表单提交重定向到ExpressJS中的about:blank#blocked

时间:2019-10-24 19:06:59

标签: javascript html node.js forms express

我一直在尝试制作一个从第三方API获取有关动漫信息的应用程序。我已经设计了表单和server.js文件,但是当我提交表单时,由于某种原因,它会重定向到about:blank#blocked而不是它的预期位置。

这是代码

main.js

const Jikan = require('jikan-node')
const express = require('express')
const path = require('path')
const bodyParser = require('body-parser')
const mal = new Jikan()

app = express()
app.use(express.urlencoded())
app.use(express.static(path.join(__dirname, 'views')));

app.get('/', (req, res) => {
    res.sendFile('index.html', {
        root: path.join(__dirname, './views/')
    })
})

app.post('/find', (req, res) => {
    res.send(req.body.animeName)
})

app.listen(3000, (req, res) => console.log("Server Running on 127.0.0.1:3000"))

index.html

...
<div class="container">
    <h3>Anime Lookup</h3>
    <form  method="POST" action="https://127.0.0.1:3000/find">
        <div class="form">
                <input type="text" name="animeName" placeholder="Anime Name"><input type="submit" value="Search">
        </div>
    </form>
</div>
...

0 个答案:

没有答案