Xác thực Okta, Không thể nhận/ẩn/gọi lại

Question

Tôi đang làm theo hướng dẫn này https://developer.okta.com/quickstart/ để thêm xác thực vào Ứng dụng phản ứng của tôi. Tôi đã đặt mọi thứ theo hướng dẫn và tôi nhận được mã thông báo id từ trang xem trước bản demo. Nhật ký cho biết xác thực thành công và cung cấp mã thông báo id. This là cách chuyển hướng trông như thế nào.

Trên chuyển hướng, tôi nhận được lỗi này Không thể nhận/ẩn/gọi lại được hiển thị trong trình duyệt. Tôi đã đi sai ở đâu?

Đây là cách index.js của tôi trông như thế nào trong Phản ứng:

import { Security, SecureRoute, ImplicitCallback } from '@okta/okta-react'; 

ReactDOM.render((
    <HashRouter> 
    <Switch> 
     <Security issuer={config.issuer} 
        client_id={config.clientId} 
        redirect_uri={config.redirect_uri} > 
      <Route path='/' exact={true} component={Full}/> 
      <Route path='/implicit/callback' component={ImplicitCallback} /> 
     </Security> 
    </Switch> 
    </HashRouter> 
), document.getElementById('root')); 

Tôi nghĩ rằng nó có thể có một cái gì đó để có HashRouter và CoreUI nhưng tôi không biết chính xác những gì là vấn đề như tôi có thể làm cho nó chạy với mẫu ứng dụng tạo phản ứng bình thường.

Answer 1

Đó là vấn đề với Webpack. Đặt devServer.historyApiFallback: true và output.publicPath: '/' trong cấu hình webpack đã khắc phục sự cố.

HashRouter vẫn không hoạt động, phải sử dụng BrowserRouter.