历史更改 url 未加载

问题描述

当您单击按钮时，网址会发生变化，但不会发生重定向。如果您手动重新加载，则会打开所需的页面。告诉我如何解决这个问题。 我怀疑问题出在路由器和历史通信上。

ROUTE.JS

import React,{Component} from "react";
import Cookies from "universal-cookie";
import history from "../../history";

const {SubMenu} = Menu;

export default class Sider extends Component {

    outUser = () => {
        const cookies = new Cookies();
        cookies.remove("jwt",{ path: '/' });
        history.push("/");
    }

    render() {
        return (
            <div>
           
                <Button onClick={this.outUser}>Выйти</Button>
            </div>
        );
    }
}

APP.JS

import React from "react";

import {
    browserRouter as Router,Switch,Route
} from "react-router-dom";
import history from "./history";

import Auth from "./pages/auth/component"

import HomePage from "./pages/home/component";

import Cookies from 'universal-cookie';


const cookies = new Cookies();

function App() {
    return (
        <Router history={history}>
            <Switch>
                <Route exact component={Auth} path="/" />
              
                    <div className="App">
                       
                        <div className="pages">
                            <Route component={HomePage} path="/home"/>
                
                        </div>
                    </div>
            </Switch>
        </Router>
    );
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）