所請求的資源上沒有“ Access-Control-Allow-Origin”標頭。 -React / Node API

Question

我正在嘗試使用Twitter進行護照認證。 我的設置如下：React（帶有redux）前端（create-react-app），Node（帶有express）API。 兩者都在localhost（不同的端口）上運行。
用戶轉到/login並單擊調度登錄操作的按鈕：

export function login() {
    return dispatch => {
        return axios.get('/api/auth/twitter')
          .then(() => {})
    }
}

服務器上的路由：

router.get('/twitter', passport.authenticate('twitter'));

以及回調的路線：

router.get('/twitter/callback', passport.authenticate('twitter', {failureRedirect: '/login'}), loginSuccess);

loginSuccess目前不執行任何操作。

這是我得到的完整錯誤：
XMLHttpRequest cannot load https://api.twitter.com/oauth/authenticate?oauth_token=fGVctgAAAAAA1y22AAABXah3t3o. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:3000' is therefore not allowed access.

我正在將請求從React前端（localhost：3000）代理到localhost：8080。

如果我進入chrome devtools的網絡標簽，然后從twitter api中選擇響應，則如下所示：

如果有人知道如何通過護照設置者身份驗證來使用這種設置，請告訴我。

Answer 1

不幸的消息是，Twitter不允許您調用其API客戶端，您需要一台服務器才能做到這一點:(

看看這個Quora的答案 。