Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用axios发出编码POST请求?_Javascript_Reactjs_Post_Httprequest_Axios - Fatal编程技术网

Javascript 如何使用axios发出编码POST请求?

Javascript 如何使用axios发出编码POST请求?,javascript,reactjs,post,httprequest,axios,Javascript,Reactjs,Post,Httprequest,Axios,我正在尝试根据以下API请求示例在我的reactjs应用程序中创建POST请求: 示例API请求 curl -X "POST" -H "Authorization: Basic ZjM4ZjAw...WY0MzE=" -d grant_type=client_credentials https://accounts.spotify.com/api/token 我应该是base64编码标题中“Basic”后面的文本 如何使用axios在javascript中创建此请求?这就是我到目前为止所做的:

我正在尝试根据以下API请求示例在我的reactjs应用程序中创建POST请求:

示例API请求

curl -X "POST" -H "Authorization: Basic ZjM4ZjAw...WY0MzE=" -d grant_type=client_credentials https://accounts.spotify.com/api/token
我应该是base64编码标题中“Basic”后面的文本

如何使用axios在javascript中创建此请求?这就是我到目前为止所做的:

async componentDidMount() {
        const encodedString = new Buffer('1ff56abe7792f426ea41a771d707d6690:1b2cca2dedd3949b0a6c5e1582446c9c5').toString('base64');

        const [initSpotResponse] = await Promise.all([
            axios.post('https://accounts.spotify.com/api/token', { headers: { 'Authorization': `Basic ${encodedString}` } })
        ]);
    }
如何包括“授予\类型=客户端\凭据”部分

根据axios的说法,这是POST请求的请求方法别名

post(url[,数据[,配置]])

你也可以这样做

const options = {
   url: ‘https://accounts.spotify.com/api/token', 
   method: 'POST',
   headers: { 'Authorization': `Basic ${encodedString}` },
   data: { grant_type: ‘client_credentials’} 
};

axios(options);
根据axios的说法,这是POST请求的请求方法别名

post(url[,数据[,配置]])

你也可以这样做

const options = {
   url: ‘https://accounts.spotify.com/api/token', 
   method: 'POST',
   headers: { 'Authorization': `Basic ${encodedString}` },
   data: { grant_type: ‘client_credentials’} 
};

axios(options);

-d代表
数据
。因此,在第二个参数的对象中添加一个新对象
data:{grant\u type:'client\u credentials'}
。-d代表
数据。因此,在第二个参数的对象中添加一个新对象
data:{grant\u type:'client\u credentials'}