Javascript 表单提交重定向至：空白#在ExpressJS中被阻止

我一直在尝试制作一个应用程序，从第三方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>
...

。。。
动画查找
...

我想这与您在表单的

action

属性中使用

https

有关。如果您的本地服务器上没有启用SSL，您应该切换到

http

，谢谢它起作用了