实现路由后刷新抛出 404 错误 - ReactJs答案

【问题标题】：refresh throwing 404 error after implementing routing - ReactJs实现路由后刷新抛出 404 错误 - ReactJs
【发布时间】：2019-07-02 13:00:13
【问题描述】：

我已经在我的 React APP 中实现了路由。刷新在我的本地计算机上不起作用，然后我按照以下 URL 解决了这个问题：

React-router urls don't work when refreshing or writing manually

我使用了以下代码：

 devServer: {
historyApiFallback: true,
contentBase: './',
hot: true
},

这段代码修复了我本地机器上的问题，但是当我将我的更改移到服务器（暂存）上时，它再次开始向我抛出错误。然后我在 devServer 中尝试了很多东西，但我找不到可以解决我的问题的确切方法，我是 ReactJs 中的新手，这就是我面临这个问题的原因。我也试过下面的代码：

devServer: {
    inline: true,
    port: 80,
    hot: true,        //Live-reload
    inline: true,
    //port: 3000,        //Port Number
    host: 'http://reachjsapp.com/', //Change to '0.0.0.0' for external facing server
    proxy: {
        '^\/fetchUser|editStaff': {
            target: 'http://reachjsapp.com/',
            rewrite: function (req) {
                req.url = req.url.replace(/^\/api/, '');
            }
        }
    },
    historyApiFallback: true,
    contentBase: './',
    // hot: true,
}

和this as well

但是没有运气，请帮助我。

【问题讨论】：

什么是错误或你看到了什么？
你记得为stagingServer 设置相同的配置吗？也许您只是为 devServer 执行此操作，而从不更新 staging
@towc，你能用这些设置发布答案吗？

标签： reactjs routing

【解决方案1】：

我修好了..是啊啊啊

我在 web.config 文件中添加了以下几行，它可以工作：

<system.webServer>
<httpErrors errorMode="Custom" existingResponse="Replace">
    <remove statusCode="404" subStatusCode="-1" />
    <error statusCode="404" path="/" responseMode="ExecuteURL" />
</httpErrors>

编码愉快.. :)

【讨论】：