GET http://localhost:8080/login 404 (Not Found) Cannot GET /login

背景

• webpack构建单页面应用react项目时，启动页面路由显示正常，再次刷新页面显示404；

解决方法

• webpack中配置如下；

// webpack.config.js

const webpack = require("webpack");

module.exports = {
    // 配置插件
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
    ],
    
    //   配置开发server
    devServer: {
        contentBase: "./dist",
        compress: true,
        port: 8080,
        open: true,
        historyApiFallback: true
    },
}
复制代码

• 再次启动项目，就OK了；