リソースパスのページを更新するとアプリがログアウトする

Question

ページリロード時にAPI呼び出しのJWTトークンがリロードされない。 Dashboardパスの再ロードは正常に機能しますが、リソースパスでは失敗します。

私はfeathers-clientを設定する方法を理解していません。

`` ``

//feathersClient.js 
import feathers from 'feathers-client'; 

const host = 'http://localhost:3030'; 

export default feathers() 
    .configure(feathers.hooks()) 
    .configure(feathers.rest(host).fetch(window.fetch.bind(window))) 
    .configure(feathers.authentication({ jwtStrategy: 'jwt', storage: window.localStorage })); 

//authClient.js 
import { authClient } from 'aor-feathers-client'; 
import feathersClient from './ApiClient/feathersClient'; 

const authClientOptions = { 
    storageKey: 'feathers-jwt', 
    authenticate: { strategy: 'local' }, 
}; 

export default authClient(feathersClient, authClientOptions) 

//App.js 
import React from 'react'; 
import { Admin, Resource } from 'admin-on-rest'; 
import { Delete } from 'admin-on-rest/lib/mui' 
import apiClient from './ApiClient' 
import authClient from './authClient' 
import Dashboard from './components/Dashboard' 
import { ProjectList, ProjectCreate, ProjectShow, ProjectEdit } from './components/Projects' 
import { PeopleList, PeopleCreate, PeopleShow, PeopleEdit } from './components/Peoples' 

const App =() => (
    <Admin 
     authClient={authClient} 
     restClient={apiClient} 
     title="SWP by Akoya" 
     dashboard={Dashboard}> 
     <Resource name="projects" 
      list={ProjectList} 
      create={ProjectCreate} 
      show={ProjectShow} 
      edit={ProjectEdit} 
      remove={Delete}/> 
    </Admin> 
) 

export default App 

Answer 1

React chat exampleを見てください。 local authenticationで認証する方法、またはthe stored tokenを使用して認証する方法を示しています。 `管理者オンrest`の文脈では

// client.js 
import io from 'socket.io-client'; 
import feathers from 'feathers/client'; 
import hooks from 'feathers-hooks'; 
import socketio from 'feathers-socketio/client'; 
import authentication from 'feathers-authentication-client'; 

const socket = io('http://localhost:3030'); 
const client = feathers(); 

client.configure(hooks()); 
client.configure(socketio(socket)); 
client.configure(authentication({ 
    storage: window.localStorage 
})); 

export default client; 

その後

client.authenticate() 
    // Authentication with stored token was successful 
    .then(() => showApplication()) 
    // Authentication failed. Show login page 
    .catch(error => showLogin());