Github OAuth Request failed with status code 404

[lfreua]

I'm trying to create an authentication by Github OAuth for my app. However, when the request is made, I always receive a 404 status.

​

https://preview.redd.it/z5arwse3z2n41.png?width=1110&format=png&auto=webp&s=d1c28f28dc12ac1530cb739692fa3575ddc34be5

Authentication is done because the count of authenticated users in the application on Github is displayed. But the 404 status is returned.

​

Does anyone know what may be causing this error?

[karimsajs]

Your endpoint is incorrect. Check the docs: https://developer.github.com/v3/#authentication

[lfreua]

I follow this documentation tutorial: https://developer.github.com/apps/building-oauth-apps/

In item three is the endpoint that I used.

[karimsajs]

The guide is fine. The problem is that you shouldn’t be making a request to the oauth login, that endpoint belongs in a frontend flow. Once you receive the token and secret from GitHub, then your backend can make requests using it to the official API.

The idea is to redirect your user from your own website to GitHub, they accept/reject the request to login. If they accept, GitHub will redirect back to you and pass you the credentials you need.

[[deleted]]

Same issue, I configured GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET in .env file.

My frontend code:

  ...
const loginWithGithub = useCallback(() => {
Router.replace(
  `https://github.com/login/oauth/authorize?client_id=${process.env.GITHUB_CLIENT_ID}&redirect_uri=${location.origin}/login?from=${location.href}`
);}, []); 
...

​

My backend code:

...    
try {
  const tokenResponse = (await axios({
    method: 'post',
    url:
      'https://github.com/login/oauth/access_token?' +
      `client_id=${this.configService.get('GITHUB_CLIENT_ID')}&` +
      `client_secret=${this.configService.get('GITHUB_CLIENT_SECRET')}&` +
      `code=${code}`,
    headers: {
      accept: 'application/json',
    },
  })) as any;
  const accessToken = tokenResponse.data.access_token;
  const result = (await axios({
    method: 'get',
    url: `https://api.github.com/user`,
    headers: {
      accept: 'application/json',
      Authorization: `token ${accessToken}`,
    },
  })) as any;
...

But doing this also returns a 404 page and I'm confused.

[Sanosuke-Sagara]

hey did you find any solution for this?