Как использовать токен JWT с axios в React Native - PullRequest
0 голосов
/ 14 октября 2019

Я сделал REST API, используя node.js и Express, я начал пытаться создать аутентификацию пользователя, поэтому я использовал JWT. Сейчас я пытаюсь создать приложение React Native, но получаю сообщение об ошибке 401 «Доступ запрещен». Вот где я получаю токен JWT:

...
import api from '../services/api';

export default function Login({ navigation }) {

const [email, setEmail] = useState('');
const [password, setPassword] = useState('');

useEffect(() => {
    AsyncStorage.getItem('authToken').then(authToken => {
        if (authToken) {
            navigation.navigate('Dashboard');
        }
    });
}, []);

async function handleSubmit() {
    try {
        const response = await api.post('/login', {
            email,
            password
        });


        const authToken = response.data;

        await AsyncStorage.setItem('authToken', response.data);

        if (authToken) navigation.navigate('Dashboard');
    } catch (err) {

    }

}
...

Здесь мне нужна аутентификация, но я не могу понять, как отправить authToken и получить ответ от API.

...
import api from '../services/api';

export default function List({ navigation }) {

useEffect(() => {
    AsyncStorage.getItem('authToken').then(authToken => {
        if (!authToken) {
            navigation.navigate('Login');
        }
    });
}, []);

async function handleSubmit() {
    const response = await api.post('/tasks', {
        "description": "Finish this shit",
        "priority": 3,
        "completed": false
    });

    console.log(response.data);
}
...
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...