Reactjs 使用axios登录应用程序时发生登录415错误

Reactjs 使用axios登录应用程序时发生登录415错误,reactjs,api,redux,service,axios,Reactjs,Api,Redux,Service,Axios,我试图让用户登录到网站使用axios,但它不断给我415错误,而张贴请如果有人可以帮助告诉我。我已经做了注册前的帖子请求,它工作得很好,但我似乎不明白是什么错了现在 减速器 import LoginService from "../API/LoginService"; import store from '../store/store'; const initialState = { LOGIN:{}, loading:false,

我试图让用户登录到网站使用axios,但它不断给我415错误,而张贴请如果有人可以帮助告诉我。我已经做了注册前的帖子请求,它工作得很好,但我似乎不明白是什么错了现在

减速器

import LoginService from "../API/LoginService";
    import store from '../store/store';
    const initialState  =   {
        LOGIN:{},
        loading:false,
        success:{},
        error:{},
    };

    const LOGIN_REDUCER=(state= initialState,action)=>{
        const payload = action.payload;

        switch(action.type){
            case "LOGIN":
                LoginService.UserLogin(payload)
                .then(response=>{
                    store.dispatch({type:'LOGIN_SUCCESS',payload:response});

                })
                .then(error=>{
                    store.dispatch({type:'LOGIN_ERROR',payload:error});
                    });
                    console.log(action.payload)
                return {
                    ...state,
                    loading:true


                };
                break;
            case "LOGIN_SUCCESS":

                return{

                    ...state,
                    loading:false,
                    LOGIN:payload.data,



                };     

                break;
            case "LOGIN_ERROR":
                    return{
                        ...state,
                        loading:false,
                        error:payload.data,
                    };  
                    break;

                default:
                    return state;
                    break;
        }

    }

    export default LOGIN_REDUCER; 

行动

 export  default class Login{
        static Create(payload){
            return {
                type: "LOGIN",
                payload:payload
            };
        }
    }
    console.log('Success') 

登录服务

   import Axios from "axios";
    import API_URL from '../common';
    export default class LoginService{
        static UserLogin(payload){
            return Axios.post(API_URL+'/api/TokenAuth/Authenticate',payload)
            .then(handleResponse) 
            .then(response=>{
                return response;
            });
        }

    }
    console.log("create")
    function handleResponse(response){
        if(response.status ===200){
            return response.data;
        }
        else if(response.status ===401){
            const error = (response.data && response.data.message) || response.statusText;
            return Promise.reject(error);
        }
    } 

组件中的Handlesubmit

 async  handleSubmit(e) {
        e.preventDefault();

        this.setState({ submitted: true });
        const { userNameOrEmailAddress, password } = this.state;
        await store.dispatch(Login.Create(userNameOrEmailAddress, password));
    }


您正在减速器中调用api,这违反了redux的规则。还原子必须是纯函数。首先学习基础知识,并应用到你的应用程序中。对于这段代码,我想没有人能帮上忙。我遇到了一个问题,我必须在api的头中传递accesstoken。你能告诉我如何使用axios@SuleymanSah来完成吗