使用通用cookie的子路由中的Reactjs cookie为空

时间:2018-10-31 11:31:24

标签: reactjs cookies routes

每次在应用加载之前,我都会检查Cookie,以确定导航到何处。

我在App.js内部的方法中检查cookie。

这些是App.js中名为checkCookies()的3条路线。

 import Cookies from "universal-cookie";
 import _ from "lodash";

 checkCookies();

class App extends Component {
 render() {
   return (
    <Provider store={store}>
      <BrowserRouter>
        <Switch>
          <Route
            exact
            path="/car"
            component={Car}
          />
        </Switch>
        <Switch>
          <Route
            exact
            path="/car/bmw"
            component={BMW}
          />
        </Switch>
        <Switch>
          <Route exact path="Ferrari" component={Ferrari} />
        </Switch>
      </BrowserRouter>
    </Provider>
   )
  }
}

checkCookies方法的代码如下:

checkCookies(){
    let model = cookies.get("model");
    if(_.isEmpty(model) || model==""){
       // do this
    }
 }

当我尝试访问“ / car”路线中的cookie时,它可以工作,但是当我尝试访问“ / car / bmw”或“ / car / ferrari”路线中的cookie时,则不起作用。 但是,当我将其从“ / car / bmw”重命名为“ / bmw”时,它可以工作。 但我不想更改网址名称。 网址应保持原样。

我怎么点它?

0 个答案:

没有答案