BrowserRouter解決刷新"cannot GET /URL" 問題

  1. 如果有服務(wù)器
import express from 'express';
const app = express();
import path from 'path';

app.use(express.static('dist'))

app.get('/*', (req, res) => {
    return res.sendFile(path.join( path.resolve(path.dirname('')), './dist', 'index.html'));
});

app.listen(3041, function () {
    console.log("Example app listening at port 3041")
});

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>TMRPlus-您的TMR車伴侶</title>
</head>

<body>
    <div id="root"></div>
    <!--導(dǎo)入 Webpack 輸出的 JavaScript 文件-->
    <script src="/index.js"></script> // 路徑非常重要。不能為./index.js或index.js
</body>

</html>
  1. 調(diào)試中解決該問題
// 在webpack config 中加入:
devServer: {
        historyApiFallback: true,
    },
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容