使用 Axios 如何在 GET 请求中发送用户名

Question

React-Django 应用程序。用户通过axiosPUT提供用户名和密码进行登录，如果返回正确的JWT和用户名，则两者都存储在sessionStorage中。然后用户会被自动路由到/home，该/home 应该填充特定于用户的信息。

/home 有 componentWillMount() 应该是 GET 通过 Axios 来自数据库的 /home 的内容。有些是静态的，有些与用户相关，例如first_name。我正在尝试将用户名与 JWT 一起发送以检索此信息，但不知道如何。

这就是我在检索欢迎消息等静态内容时所拥有的。只想发送username，这样我就可以添加逻辑服务器端来检索该用户的信息并在响应中发回。

import axios from 'axios';
import { push } from 'react-router-redux';
import { ROOT_URL } from '../../config/config.json';

// Establish the different types
export const WELCOME_MESSAGE = 'welcome_message';

export function getWelcome() {

    return function(dispatch) {
        axios
            .get(
                `${ROOT_URL}/api/home/`,
                { headers: 
                    { 
                        'Content-Type': 'application/json',
                        'Authorization': 'JWT ' +  sessionStorage.getItem('token')
                    }
                }
            )
            .then(response => {
                dispatch({ 
                    type: WELCOME_MESSAGE,
                    payload: response.data
                });
            })
            .catch(error => {
                console.log("Broke");
            });
    }
}

最坏的情况，我只是使用POST 制作另一个函数，我知道我可以轻松地发送此信息。

Answer 1

所以您想在 AXIOS 中以 GET 请求方法发送用户名。
您可以将 URL 中的用户名作为 查询 发送，以便在后端您可以从 URL 查询中访问用户名
示例： ${ROOT_URL}/api/home?username=rahulrana
这就是您可以通过 GET 方法实现此目的的方法。
通过URL中的查询是发送信息的唯一途径。