Wenn ich versuche, die React-App-Seite für „/login“ zu aktualisieren, wird die Fehlermeldung „/login konnte nicht abgerufen werden“ angezeigt
Wenn ich die mit /login verknüpfte Seite aktualisiere, erhalte ich die Fehlermeldung „/login konnte nicht abgerufen werden“. Ich habe eine React-Anwendung, die auf Vercel gehostet wird. Unten ist der beigefügte Screenshot. Fehlerseite
Mein index.js-Dateicode lautet:
const connectToMongo = require('./db');
const express = require('express')
var cors = require('cors')
connectToMongo();
const app = express()
const port = process.env.PORT || 5000
app.use(express.json()) // this middleware is used if you want to send request through body req.body
app.use(cors());
// available routes
app.use('/api/auth', require('./routes/auth'));
app.use('/api/notes', require('./routes/notes'));
if (process.env.NODE_ENV === 'production') {
const path = require('path')
app.get('/', (req, res) => {
app.use(express.static(path.join(__dirname, 'client', 'build')))
res.sendFile(path.join(__dirname, 'client', 'build', 'index.html'))
});
}
app.listen(port, () => {
console.log(`iNotebook backend app listening on port ${port}`)
})
Mein vercel.json-Dateicode lautet:
{
"builds": [
{
"src": "./index.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/.*",
"dest": "/"
}
]
}
Ich versuche, die Seite zu aktualisieren, aber es wird ein Fehler angezeigt. Es sollte jedoch die Anmeldeseite angezeigt werden.
