Laravel Sanctum API 请求可以在 POSTMAN 中工作，但不能原生反应

Question

我正在使用 Sanctum 构建 API。我有一个在邮递员中有效的 GET 请求。它应该返回一些 JSON。

它有一个不记名令牌，无论出于何种原因，该请求仅在启用以下邮递员设置的情况下有效： - 自动跟随重定向已启用 - 启用遵循授权标头

这是此请求在 React Native 中的样子：

import { View, Text, Image, StyleSheet } from "react-native";
import axios from 'axios';

const fetchData = async () => {
  try {
    const token = 'TOKENEXAMPLE'; 
    const apiUrl = 'APIURL'; 
    const response = await axios.get(apiUrl, {
      headers: {
        Authorization: Bearer ${token},
      },
    });

    // Handle the response data here (e.g., update state or display data)
    console.log('Data:', response.data);
  } catch (error) {
    // Handle errors here (e.g., display an error message)
    console.error('Error:', error);
  }
};

fetchData();

但是无论出于何种原因，这都会返回 401，这意味着身份验证失败。我怎样才能做到这一点？

Answer 1

您可以尝试在授权值周围添加引号吗：

const response = await axios.get(apiUrl, {
  headers: {
    Authorization: `Bearer ${token}`, // Bearer should be a string
  },
});