• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

JavaScript 来源:Champer Wu 3次浏览

我使用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才能到达那条路径


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)