javascript - Webpack服务器的路由无法获取/页面

Question

我使用 webpack 开发服务器来运行本地 Web 服务器。

当我使用浏览器输入 url /localhost:8080/sign_in 时，出现错误。

Can not get /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);

如何修复它？

Answer 1

您尚未定义登录路线。

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

由于服务器端渲染未激活，您无法直接登录。您必须转到索引并单击链接，以便 react 路由器可以转到该路径