Question

我当前在登录页面上，如何获取将其发送到标题所需的令牌信息？严重的是我出错了（CORS）

无法加载http://127.0.0.1:8000/api/auth/me?token=：对预检请求的响应未通过访问控制检查：所请求的资源上没有'Access-Control-Allow-Origin'标头。因此，不允许访问来源“ http://localhost:8000”。

安装：我已经安装了npm install cors --save

目标目标：如何获取电子邮件，登录用户名

我已经将令牌存储到本地存储中，但是我不知道如何获取该令牌的承载者，这里有我的函数

componentDidMount()
{

    let token = localStorage.getItem("token");

    let url = 'http://127.0.0.1:8000/api/auth/me?token=';

    const headers = {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + token 
    }

    axios.post(url,{headers:headers}).
    then(response => {
        console.log(response);
    })




}

在我的邮递员中（我尝试观看youtube，结果是在我体内出现）

 {
        "id": 1,
        "name": "testuser",
        "role": 2,
        "email": "content@gmail.com",
        "created_at": "2018-05-23 15:28:47",
        "updated_at": "2018-05-23 15:28:47",
        "Status": "Active"
    }

Answer 1

第一件事：在客户端使用CORS是一个不错的选择，但我建议使用https://github.com/barryvdh/laravel-cors，因为您正在使用Laravel，它可以节省您的时间并易于配置。
第二件事：axios.defaults.headers.Authorization是将Bearer添加到您的请求的好方法。在以下位置进行检查：https://github.com/axios/axios。

（ReactJS-Laravel）JWT身份验证标头（获取用户信息）

1 个答案: