无法获取“/tinder/card”路径，但获取了"/“路径

Question

下面的代码是我的第一个react应用程序。在运行server.js之后。在输入"http://localhost:8001/“后，我得到了HELLO!！。我预计在chrome和postman上输入"http://localhost:8001/tinder/cards“url后，我也会得到以下错误。

错误消息："Cannot GET /tinder/card“。

这是我的server.js文件。

import mongoose from 'mongoose'
import Cors from 'cors'
import Cards from './dbCards.js'


// App Config
const app = express()
const port = process.env.PORT || 8001
const connection_url = 'mongodb+srv://admin:0tRkopC1DKm4ym4V@cluster0.iw73w.mongodb.net/tinderDB?retryWrites=true&w=majority'

// Middlewares
app.use(express.json())
app.use(Cors())
app.use('/',router);

// DB Config
mongoose.connect(connection_url, {
    useNewUrlParser: true,
    useCreateIndex: true,
    useUnifiedTopology: true
})

// API Endpoints
app.get("/", (req, res) => res.status(200).send("HELLO!!"))
app.get("/hello", (req, res) => res.status(200).send("Oooooooo!!"))

app.post("/tinder/cards", (req, res) => {
    const dbCard = req.body
    Cards.create(dbCard, (err, data) => {
        if(err) {
            res.status(500).send(err)
        } else {
            res.status(201).send(data)
        }
    })
})

app.get("/tinder/cards", (req, res) => {
    Cards.find((err, data) => {
        if(err) {
            res.status(500).send(err)
        } else {
            res.status(200).send(data)
        }
    })
})

// Listener
app.listen(port, () => console.log(`listening on location: ${port}`)) ```

Answer 1

在你的app.get('/tinder/cards')部分试试这个：

// Doing it the Asynchronous way

app.get('/tinder/cards', async (req, res) => {
  try { // Trying for getting the cards
    const allCards = await Cards.find(); // Getting the cards
    res.status(200).send(allCards); // Sending the cards
  } catch (error) { // Catching the error
    res.status(500).send(error); // Sending the error
  }
});

Answer 2

尝试将URL中的cards替换为card。Have a look at the image for the same.