首页 > 解决方案 > 在 React 应用程序中从服务器而不是客户端进行 ajax 调用?

问题描述

我的组件需要从 Spotify api 获取身份验证令牌,但无法从客户端进行此调用,因为它是服务器到服务器身份验证。但是,我不知道如何设置我的应用程序以便完成此操作。

我的应用程序的结构是这样的:

 App/
   common/
   src/
      routes/
         componentA/
         componentB/
   public/
   package.json

在我需要获取身份验证令牌的组件内部,我正在这样做:

const headers = {
    'Content-Type': 'application/x-www-form-urlencoded',
    'Authorization': 'Basic ' + `${clientId}:${clientSecret}`.toString('base64')
};
axios.post(authUrl, {
    grant_type: 'client_credentials'
}, {
    headers: headers
}).then((data, err) => {
    if (data) {
        console.log(data);
    }
})

但是,显然这个调用需要在服务器而不是客户端上进行。有谁知道我会在我的应用程序中的哪个位置设置服务器以完成此操作?

标签: reactjsajaxspotify

解决方案


推荐阅读