Axios 发布请求不适用于 Django Rest 框架

Question

我正在尝试使用 Axios 帖子在我的 Django Rest 框架 Z8A5DA52ED126447D359E7 中创建用户。

当前在尝试发布时收到“请求失败，状态码为 400”。

它在 postman 中运行良好。

drfServer.js

import axios from 'axios';

export default axios.create({
    baseURL: 'https://example.com'
});

AuthContext.js

const signup = (dispatch) => async ({ email, password }) => {
    try {
        const response = await drfApi.post('/user/',
            {
                data: {
                    username: email,
                    password: password
                }
            }
        );
        // await AsyncStorage.setItem('token', response.data.token);
        // dispatch({ type: 'signin', payload: response.data.token });
        // navigate('Task')
    } catch (err) {
        console.log(err.message)
        dispatch({ type: 'add_error', payload: 'Something went wrong with sign up' })
    }
};

我尝试使用 fetch 并且它有效。 但是对于 Axios 我没有做对。

任何想法如何使它工作？

Answer 1

你可以试试这个代码。

const signup = ({email,password}) => dispatch => {
    return axios({
        method: "post",
        url: "your api url",
        data: { 
          username: email,
          password
        })
        .then(result => {
          console.log(result.data);
         })
        .catch(error => {
          console.log(error);
         })
};

您可以在此处找到 axios 示例代码https://github.com/axios/axios

Answer 2

也许你可以试试这个：

const response = await drfApi.post('/user/', {
                    username: email,
                    password: password
                   }
                 );

由于使用 axios.post 将自动获取第二个参数并使其成为带有data密钥的 object