javascript - router.get 不起作用，但带有 id 的 router.get 有效

Question

调用http://localhost:5000/surveycreate/4可以工作并将我重定向到surveypage.html

但是调用http://localhost:5000/surveycreate不起作用，它会将我的主要 index.js 文件重定向到公共文件夹中它甚至不打印“常规获取”

为什么会这样？

路线中的surveypage.js

const path = require("path");
const router = express.Router();

router.use(express.static(path.join(__dirname, "../public")));

router.get('/:id', async (req, res) => {

  console.log("get with id");
  res.sendFile(path.join(__dirname, "../public/Surveypage.html"));

})

router.get('/', async (req, res) => {

  console.log("regular get");
  res.sendFile(path.join(__dirname, "../public/Surveypage.html"));

})


module.exports = router; ```
==============================================================================
index.js of node:

const surveyPage = require('./routes/surveypage')

const app = express();
app.use(express.json());
app.use('/surveypage',surveyPage)
app.use(express.static(path.join(__dirname, "/public")));
app.use(cors())
const PORT  = process.env.PORT || 5000
app.listen(PORT , () => {
    console.log(`Listenning on porst ${PORT }`);

})

标签： javascriptexpressweb-applicationsroutes

Answer 1

确保您的文件结构与您的代码相对应。

以下代码对我来说效果很好：

应用程序.js：

const express = require("express");
const app = express();
const cors = require("cors")
const surveyPage = require('./routes/surveypage')
const path = require("path");
const PORT = process.env.PORT || 5000

app.use(express.json());
app.use('/surveypage', surveyPage)
//app.use(express.static(path.join(__dirname, "/public"))); // not needed
app.use(cors())


app.listen(PORT, () => console.log(`Listenning on porst ${PORT }`))

调查页面.js

const path = require("path");
const express = require('express')
const router = express.Router();

router.use(express.static(path.join(__dirname, "../public")));
router.get('/:id', (req, res) => res.sendFile(path.join(__dirname, "../public/Surveypage.html")));
router.get('/', (req, res) => res.sendFile(path.join(__dirname, "../public/Surveypage.html")))

module.exports = router;