I intercept the returned data in react. If the login fails or the token fails, I have to deal with it in the return interception. Do a route jump to the login interface to allow the user to log in again. Do you know how to use it? I don"t want to judge the
that must be processed before returning data in the business. routing is currently done through global variables
at the top entry app I defined window.router = this.props.history;
then call it on featch asios
window._ROUTER_ = this.props.history;Network request call
window._ROUTER_.push('/login');this can be handled in the request interceptor
axiosInstance.interceptors.request.use(
(config) => {
if (tokenError) {
//
} else {
return config
}
},
error => Promise.reject(error)
)if the login fails, you specify a fixed status code, encapsulate the axios, and resolve if it returns correctly. If it is incorrect, you can judge what the status code is wrong and return to resolve or jump to your landing page directly.
window.location.href ='/ user/login'
import React, { Component } from react import { BrowserRouter as Router, Route, Switch, Redirect } from react-router-dom import Path from .. containers page import Login from .. containers login const LoginRoute = ({ component: Componen...
Code first as a token of respect const routes = [ { path: , exact: true, component: Main, }, { path: company , exact: true, component: CompanyIntroduce, routes:[ ...
at the home page, the message prompts you to jump to the Detail component to initialize the data that can only be rendered from Control. Clicking on a new message here will not trigger constructor, so I am dealing with nextProps data. If the time of the ...
The loading effect is handled uniformly in dva, but loading cannot be cancelled when an error occurs in the request. What should I do? ...
the "Application enabling platform " page is expanded by default. Radio selects a row in the table, id as a parameter, and the page that needs to be passed to the enterprise information. In topic, it is impossible to pass parameters in the form of call...
react+dva2.1 version, how to make a front-end route interceptor function RouterConfig ({history, app}) { const routes = [ { path: user , models: () => [import( . models user )], component: () => import( . routes index ), }, { pat...
if you want to do a login block in a public route, some routes need to log in to enter. Which god has an idea, please provide it. Thank you ....
1. After the login is successful, the data returned by the backend is sent to the data of fetch, and then how to use routing to jump to other components 2. If routing is not needed, can I use window.location.href to jump to the component handleSubmit ...
imitates a string of code written in the official document, but the ${item} variable in the string can never be parsed on the routing parameter. It is always parsed according to the string, so that you can t get the correct parameters you want. What s...
my routing configuration is like this <Router> <Switch> <Route path=" yjs" component={YJS}>< Route> <Route path=" ycc" component={YCC}>...
introduces react-router-dom version 4.2.2 asking for help? ...
this is router import React from react ; import {Route, Switch,Redirect} from react-router-dom import {Layout} from antd import . content.less import asyncComponent from . AsyncComponent const AsyncIndex = asyncComponent(() => i...
Click Route Jump url to change after upgrading router4.0, but the page is not available, ask for God s guidance! (hsah mode) ...
class App extends Component { render() { return ( <Provider {...store}> <HashRouter basename=" "> <Layout > < HashRouter> < Provider> ); } } Code inside Layout &l...
recently, I am learning the framework of react. I have only used a single-page application before, but now I want to use it to build a multi-page forum application. If I encounter some questions, I will ask my predecessors to answer them. I now get th...
looked at the official documentation and didn t figure out what it is. What s the difference between it and the render attribute of Route? const OldSchoolMenuLink = ({ label, to, activeOnlyWhenExact }) => ( <Route path={to} exact={activeO...
Family bucket "react": "^16.2.0", "react-dev-utils": "^5.0.0", "react-dom": "^16.2.0", "react-redux": "^5.0.7", "react-router-dom": "^4.2...
{ path: , component: Layout, indexRedirect:{to: main }, indexRoute: { onEnter: (nextState, replace) => replace( main ) }, childRoutes: [ Main, LoginPage, NotFound, ], } the indexRedirect: {to: main } written i...
404 ask the great god to explain ...
login.jsx app.jsx ...