首页 > 解决方案 > React,Axios 问题:预检响应没有 HTTP ok 状态(未找到 404)

问题描述

我一直在尝试将 axios 与基本身份验证一起使用,但它总是返回未找到。

这是我的代码

const ROOT_URL='http://localhost/b2b_ecom/b2b-api/index.php/api/';

export function login () {


    return function(dispatch)
    {

        const api = axios.create({
            mode: 'no-cors',
            credentials:'include',
            redirect: 'follow',
            auth: {
                username: 'mouad@b2b.dz',
                password: '123456'
            },
            headers: {
                'Content-Type': 'application/json',
            }
        });

        api.post(`${ROOT_URL}site/login `).then(function(response)
        {
            dispatch({LOGIN,payload:response.data});
            return true;

        }).catch(function(error)
        {
            return error;
        });

    } ;

}

这是我得到的错误:

选项http://localhost/b2b_ecom/b2b-api/index.php/api/site/login 404(未找到)
无法加载http://localhost/b2b_ecom/b2b-api/index.php/api/site/ login:预检响应没有 HTTP ok 状态。

截屏

标签: authenticationaxiosbasic-authentication

解决方案


我认为浏览器正在向请求添加访问控制标头。检查以下事项

1)当您从邮递员或其他此类 api 客户端访问时,此 api 应该可以正常工作。(即使卷曲也可以)

2)尝试在服务器上为此请求添加 Access-Control-Allow-Origin as * 并查看它是否有效。


推荐阅读