使用 Netlify URL 问题部署的 React Redux 应用程序

Question

我的问题很简单。 我构建了一个 React Redux 应用程序并尝试在 Netlify 上部署它。 一切正常，应用程序在线，安装了 SSL 证书，显示根页面，域名......

您的帮助将是宝贵的，并让我最终上线。

非常感谢，我希望我足够清楚。

Answer 1

由于 React 应用程序中的路由是由 javascript 处理的，因此您可能没有设置重定向规则。 当您请求某个路由时，服务器找不到该路由，因为它不知道您的反应路由。 您基本上必须将所有请求重定向到 index.html 并让 react 处理所有路由。 有关于如何设置了用于netlify指导这里

Answer 2

我怀疑您的问题出在 Netlify 上，因为正如 Martin 所解释的，react 是路由本身。 最有可能发生的情况是您的父组件无权访问 react-router 道具，因此，每当 url 更改时，它都不会通过 shouldComponentUpdate。 假设你有正确的语法，我会尝试用 withRouter 包装你的父组件，如下所示：

import {withRouter, Switch, Route} from 'react-router-dom'

class youComponent extends Component{
     constructor(props){
         super(props);
     }

     render(){
        let {teamName} = this.props;
        return(  
           <Switch>
               <Route path="/path2" component={ChildComponent} />
                ... other routes
               <Route path="/path3" render={(props) => <ChildComponent2 

teamName={teamName} />} />
              </Switch>
            )
      }
}

export default withRouter(yourComponent)

还要确保您的子组件可以从 react-router-dom 访问历史道具。 有时历史道具不会传递给子组件。