Webapck服务器的路由无法获取/ page

  • Z时代
  • 2024-01-10
  • 分类：问答

我使用webpack dev服务器来运行本地Web服务器。Webapck服务器的路由无法获取/ page

当我使用浏览器输入网址/localhost:8080/sign_in，我得到了错误。

无法获取/ sign_in

我在webpack.config.js添加对象historyApiFallback: true，并得到解决。

devServer: { 
    inline: true, 
    port: 8080, 
    historyApiFallback: true, 
    headers:{ 
     'Access-Control-Allow-Origin': '*', 
     "Access-Control-Allow-Methods": "POST, GET, OPTIONS" 
    } 
    }

但是，当我编译webpack -p和运行node server.js再次发生同样的错误。

其次server.js代码

const express = require('express'); 
const path = require('path'); 
const port = process.env.PORT || 8080; 
const app = express(); 
const history = require('connect-history-api-fallback'); 
const indexPath = path.join(__dirname, './public/index.html') 
const publicPath = express.static(path.join(__dirname, '/public')) 
app.use(publicPath) 
app.use(history()) 
app.get('/', (req, res) => { 
    res.sendFile(path.resolve(indexPath)); 
}); 
app.listen(port);

我怎么固定呢？

回答：

您尚未定义登录路线。

app.get('/sign-in', (req, res) => { 
    res.sendFile(path.resolve( PATH )); 
});

由于服务器端渲染不活动，您不能直接登录。你必须去索引并点击链接，这样react-router才能到达那条路径

以上是 Webapck服务器的路由无法获取/ page 的全部内容， 来源链接： utcz.com/qa/261600.html

回到顶部