Stripe Payment Node js后重定向用戶

Question

const keys = require('../config/keys');
const stripe = require('stripe')(keys.stripeSecretKey);

module.exports = app => {
  app.post('/api/stripe', async(req, res) => {
    const charge = await stripe.charges.create({
      amount: 6000,
      currency: 'eur',
      description: 'Boyle Celtic Registration 20/21',
      source: req.body.id,
    });
    console.log(charge);
    res.redirect('/confirmation');
  });
};

這是我在服務器端的billingRoute ，我正在嘗試將用戶重定向到我使用 React 創建的確認頁面。 但是即使路線存在，也會不斷收到404錯誤。 有什么建議么？

Answer 1

import React, { Component } from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import { connect } from "react-redux";
import * as actions from '../actions';
import Header from './Header';
import Landing from './Landing';
import Dashboard from './Dashboard';
import regFormNew from './regForm/RegFormNew';
import ConfirmationPage from './ConfirmationPage';
import './App.css';



class App extends Component{
    componentDidMount(){
        this.props.fetchUser();
    }
   
    render(){
        return(
            <div className="container">
                <BrowserRouter>
                    <div className="container">
                        <Header />
                        <Route exact path="/" component={Landing} />
                        <Route exact path="/form" component={Dashboard} />
                        <Route exact path="/form/new" component={regFormNew} />
                        <Route exact path="/confirmation" component={ConfirmationPage} />
                    </div>
                </BrowserRouter>
       
            </div>
        )
    }
}

export default connect(null, actions)(App);

這是我為確認頁面設置路線的地方