Question

我正在尝试使用linkedIn oauth2访问令牌，但我坚持向https://www.linkedin.com/oauth/v2/accessToken发送最后一个请求

const body = new URLSearchParams([
  ['grant_type', 'authorization_code'],
  ['code', code],
  ['redirect_uri', 'http://localhost:3000/'],
  ['client_id', CLIENT_ID],
  ['client_secret', CLIENT_SECRET]
]);
const headers = new Headers({'Content-Type': 'x-www-form-urlencoded'}); 

window.fetch('https://www.linkedin.com/oauth/v2/accessToken', method: 'POST',body, headers)
.then(response => response.json())
.then(data => {
// rest of code
})

LinkedIn返回

Fetch API无法加载https：//www.linkedin.com/oauth/v2/accessToken。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许来源'http：// localhost：3000'访问。响应具有HTTP状态代码404.如果不透明响应满足您的需要，请将请求的模式设置为“no-cors”以获取禁用CORS的资源。

所以我尝试以'无人'模式发出请求。我有200但是我无法得到响应体，状态为0，body为null而response.json（）抛出SyntaxError：意外的输入结束。

Answer 1

我发现了你的问题， Content-Type标头值不正确。

这意味着

const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'});

不会

const headers = new Headers({'Content-Type': 'x-www-form-urlencoded'});

DOCS：https://developer.linkedin.com/docs/oauth2（第3步）

Answer 2

对于遇到此问题的任何人。我们通过将数据从LinkedIn（代码）传递到我们的后端来解决它。后端无需发送任何预检OPTIONS请求，并且可以毫无问题地获得访问令牌。

检索LinkedIn访问令牌

2 个答案: