當我嘗試刷新'/login”的反應應用程式頁面時它顯示錯誤無法獲取/登錄

Question

當我刷新連結 /login 的頁面時，出現錯誤「無法取得 /login」。我在 Vercel 上託管了 React 應用程式。下面是所附的螢幕截圖。 錯誤頁面

我的index.js檔案程式碼是：

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}`)
})

我的 vercel.json 檔案程式碼是：

{
    "builds": [
        {
            "src": "./index.js",
            "use": "@vercel/node"

        }
    ],
    "routes": [
        {
            "src": "/.*",
            "dest": "/"
        }
    ]
}

我正在嘗試刷新頁面，但顯示錯誤。但是，它應該顯示登入頁面。

Answer 1

更改你的 vercel.json 檔案：

{
"builds": [
    {
        "src": "index.js",
        "use": "@vercel/node"

    }
],
"routes": [
    {
        "src": "/.*",
        "dest": "index.js"
    }
]

}

將目標從“/”更改為“index.js”