Using Google Oauth in Javascript with a local address of 192.168.1.xx

I am having trouble setting the trusted origin in Google OAuth authentication using the address 192.168.1.5. When I try it with localhost, everything works fine. However, when I switch to 192.168.1.5, I receive the following error message:

{ "error" : "invalid_request", "error_description" : "Permission denied to generate login hint for target domain." }

I have also attempted using the .xip.io service, such as 192.168.1.5.xip.io, but the error persists!

Can anyone provide assistance?

Answer №1

For more information, you can consult this online discussion. It seems that if you are using an IP address (such as http://175.132.64.120) for the redirect uri, Google may deny permission because they only accept actual URLs (like http://mycompany.com or http://localhost) as redirect uris. Try using a URL (http://something.com) instead of an IP address (http://123.45.678) in the redirectURIs or Javascript Origins, depending on your requirements. Unfortunately, Google does not allow IP addresses, and there is no workaround for this limitation. If you're debugging locally, use

http://localhost:<port number>
. You can also refer to this helpful resource.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to sort an array by both date and time simultaneously?

As I work on developing a schedule app, it is necessary to sort items by both date and time simultaneously. In the current setup, the filtering only considers hours and minutes which is functional, but there is a need to also include dates in the sorting p ...

JavaScript: Implementing a for loop to dynamically adjust CSS properties

How can I adjust the margin-top property of the ball element when clicking a button? Below is my current code, but it's not working as expected. Can you help? let ballMargin = ball.style.marginTop; moveButton.addEventListener('click', funct ...

It appears that combining Object.assign with Function.prototype may not function as expected

Currently attempting to develop a mixin for a sophisticated feature within a library. My initial approach was successful: const proto = Object.create(Function.prototype); However, I now face the challenge of implementing multiple inheritance where an ob ...

the array in my state seems to be mysteriously growing with empty elements

I'm facing a strange issue with my SetPersons setter that keeps adding empty elements to the array for no obvious reason. My goal is to update the phone number list instantly whenever a user's number is updated, but it seems to stick with the old ...

NextJS-PWA detected that the start_url was responsive, but it was not through a service worker

Recently, I incorporated next-pwa (npm link) into my workflow to streamline the service-worker setup process for building a PWA in NextJS. While most things have been smooth sailing, there's one persistent error (shown below) that continues to pop up ...

Is there a way to automatically trigger the opening of a Popper upon initial page load?

Discovering the wonders of React and material-ui through https://material-ui.com/components/popper/, I am eager to showcase the Popper without requiring a button click once the page loads. import React from 'react' import Popper from '@mate ...

Ways to locate the final child in a sequence

Can someone assist me in finding the last element of this chain, which is represented as an array in the code (Symptomaster history array)? I have implemented a recursive approach to solve this. Let me demonstrate it in the code snippet below. //example ...

javascript/jquery concatenate all hidden input values into a variable

I am working with a collection of tags that are each added to a hidden input labeled "item[tags][]". <input type="hidden" style="display:none;" value="first" name="item[tags][]"> <input type="hidden" style="display:none;" value="second" name="ite ...

What is the best approach to achieve the old THREE.SpriteAlignment effect in the latest version of three.js?

After adapting an old three.js code for my application that includes a 3D function with axes grids, I encountered an issue when trying to update it to the latest revision, r74: https://jsfiddle.net/cjfwg2c4/ Without THREE.SpriteAlignment.topLeft, sprites ...

Jasmine examination fails to progress to the subsequent segment of the promise

I want to test a specific function: function initializeView() { var deferred = $q.defer(); if(this.momentArray) { core.listMoments(constants.BEST_MOMENT_PREFIX, '').then(function(moments) { //Ommit ...

What is the best way to show two icons next to each other within a React component?

For my school project, I am working on developing an app and encountering a challenge. I have been trying to display two icons side by side on a screen using React (I've been learning React for 5 months but still consider myself a beginner). However, ...

Having a problem with file uploads in node.js using multer. The variables req.file and req.files are always coming

I am encountering an issue with uploading a file to my server, as both req.file and req.files are consistently undefined on my POST REST endpoint. The file I'm attempting to upload is a ".dat" file, and my expectation is to receive a JSON response. ...

Ways to retrieve a converted document using the Microsoft Graph API

I'm encountering an issue when trying to save a PDF file received from the Microsoft Graph API. The call I am making looks like this: const convertConfig = { headers: { Authorization: <my token> } }; convertConfig.headers['C ...

Update the div element without needing to reload the entire page

Is there a way to reload a div tag without refreshing the entire page? I understand this question has been asked before, but I want to make sure I have a clear understanding. <p>click HERE</p> <div class="sample"> <?php functi ...

Creating and fetching CSV files using PHP and AJAX

I have successfully created a PHP script that generates a CSV file for automatic download by the browser. The code below shows a working version with sample data for different car models. <?php $cars = array( array("Volvo",22,18), array("BMW",15,1 ...

Tips for displaying items only if enough space is allocated for them using ngFor in Angular2

Is there a way I can use a custom pipe (with ngFor) to do this? At the moment I am rendering all the tags using ngFor and positioned them in a row using css flex. <div *ngFor="let tag of tags" class="tag" [ngClass]="&apo ...

Activate a drop-down feature to refresh the page with a link attached

When I click on a different language, the drop down does not change to that specific language. My code was functioning properly until I added an href attribute to it. Here, you can see my JavaScript function which handles the language selection logic: $(d ...

Web Development using HTML and JavaScript

Here is the code for a search bar engine that I am working on. <form id="frmSearch" class="search1" method="get" action="default.html" /> <input class="search" id="txtSearch" type="text" name="search_bar" size="31" maxlength="255" value=" ...

Using AngularJS to Nest ng-view within ng-repeat

I have a collection of items. Each item has buttons to display its details and comments within this ng-view section. It is necessary for the user to view all available product details on one page, for example. Below is the HTML list: <div ng-controll ...

Ways to prevent users from manually inputting dates in date fields

I am currently developing an application and I need to prevent users from manually entering a date in the type=date field on the HTML page. I want to restrict users to only be able to select a date from the calendar display, which is in the format MM/DD/YY ...