Question

我已经在我的React APP中实现了路由。刷新在我的本地计算机上不起作用，然后我按照以下网址进行了修复：

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

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

Answer 1

我修好了..是的

我在web.config文件中添加了以下几行，并且有效：

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

快乐编码..：）

实现路由后刷新引发404错误-ReactJs

1 个答案: