如何使/ api / logout实际注销并使用passport.js重定向到express中?

我已经创建并以端点方式结束了/ logout,并且指示路由处理程序函数先注销然后重定向到根页面。

index.js

const express = require('express');
const mongoose = require('mongoose');
const cookieSession = require('cookie-session');
const passport = require('passport');
const keys = require('./config/keys');
require('./models/User');
require('./services/passport');
const apiRoutes = require('./routes/apiRoutes');
const authRoutes = require('./routes/authRoutes');

mongoose.connect(keys.mongoUri,{ useNewUrlParser: true,useUnifiedTopology: true });

const app = express();

app.use(
    cookieSession({
        maxAge: 30 * 24 * 60 * 60 * 1000,keys: [keys.cookieKey],})
);

app.use(passport.initialize());
app.use(passport.session());

app.use('/auth',authRoutes);
app.use('/api',apiRoutes);

const PORT = process.env.PORT || 5000;
app.listen(PORT,() => console.log(`Server is running at port ${PORT}`));

apiRoutes.js

> const router = require('express').Router();
> 
> router.get('/logout',(req,res) => {
>     req.logout();
>     res.redirect('/'); });
> 
> router.get('/current_user',res) => res.send(req.user));
> 
> module.exports = router;

当我单击注销按钮时,URL变成http://localhost:8080/api/logout,但是它什么也没做。

我也检查了其他资源,看起来这是解决问题的方法,但这是行不通的。

我想在每次单击“注销”按钮时注销并重定向到根URL。

yangbin1by 回答:如何使/ api / logout实际注销并使用passport.js重定向到express中?

redirect in React - Node

f 为您的索引页

import { BrowserRouter } from 'react-router-dom';

为您的api路由设置页面,使其看起来更像这样

import React,{ Component } from 'react';
import { Route,Switch } from 'react-router-dom';
import './App.css';
import Home from './pages/Home';
import List from './pages/List';

class App extends Component {
  render() {
    const App = () => (
      <div>
        <Switch>
          <Route exact path='/' component={Home}/>
          <Route path='/logout' component={List}/>
        </Switch>
      </div>
    )
    return (
      <Switch>
        <App/>
      </Switch>
    );
  }
}

导出默认应用;

路由和交换机将帮助您切换到注销部分。

https://dev.to/nburgess/creating-a-react-app-with-react-router-and-an-express-backend-33l3

本文链接:https://www.f2er.com/3140060.html

大家都在问