Javascript 反应-使用axios获取和发布请求
在我的应用程序中,我需要Javascript 反应-使用axios获取和发布请求,javascript,reactjs,xmlhttprequest,axios,Javascript,Reactjs,Xmlhttprequest,Axios,在我的应用程序中,我需要获取一些数据(为此我提供了本机authtoken) 但是,在同一事件中,我还需要为外部后端api调用发布第二个令牌,供少数端点使用 如何使用下面的工作代码使用axios发布第二个令牌 我应该扩展授权承载还是简单地POSTSpotify令牌作为字符串数据? 怎么会这样 我的代码: getData(event) { const {token} = this.props.spotifyToken const options = { url: `
获取一些数据(为此我提供了本机authtoken)
但是,在同一事件中,我还需要为外部后端api调用发布第二个令牌,供少数端点使用
如何使用下面的工作代码使用axios发布第二个令牌
我应该扩展授权承载还是简单地POST
Spotify令牌作为字符串数据?
怎么会这样
我的代码:
getData(event) {
const {token} = this.props.spotifyToken
const options = {
url: `${process.env.REACT_APP_WEB_SERVICE_URL}/endpoint`,
method: 'get',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${window.localStorage.authToken}`
}
};
return axios(options)
.then((res) => {
console.log(res.data.data)
})
.catch((error) => { console.log(error); });
};
例如,应用于代码的异步等待将如下所示
异步获取数据(事件){
const{token}=this.props.spotifyToken
让getRes=wait axios.get(`${process.env.URL}/endpoint`{
标题:{
“内容类型”:“应用程序/json”,
'Authorization':'Bearer${window.localStorage.authToken}`
}
}
让postRes=wait axios.post(`${process.env.URL}/endpoint`{
标题:{
“内容类型”:“应用程序/json”,
'Authorization':'Bearer${window.localStorage.authToken}`
}
}
日志(getRes.data.data);
日志(postRes.data.data);
};
在这种特定的情况下,需要一个令牌在后端获取数据,我发现在url传递令牌更合适,如下所示:
@endpoint.route('/endpoint/<select>/<user_id>/<token>', methods=['GET'])
def endpoint(name, user_id, token):
# business logic
否则,后端代码将运行两次,用于POST和GET,这在我的情况下是不需要的。您有没有研究过async away?没有。您将如何应用它?如果您想同时进行GET和POST,则可以使用PROMITE。如果您回答提供此解决方案,我将很乐意接受
const options = {
url: `${process.env.REACT_APP_WEB_SERVICE_URL}/endpoint/${select}/${userId}/${this.props.spotifyToken}`,
method: 'get',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${window.localStorage.authToken}`
}
};