An issue occurred when trying to access the version information from http://localhost:8088/web/webclient/version_info while logging in to the Odoo server using

While attempting to log in with my Ionic app to an Odoo server, I encountered the following error message. Is this due to CORS, and how can I configure my local Odoo server without using Nginx?

XMLHttpRequest cannot load http://localhost:8088/web/webclient/version_info. Response to preflight request doesn't pass access control check: A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://localhost:8100' is therefore not allowed access. The credentials mode of an XMLHttpRequest is controlled by the withCredentials attribute.
javascriptandroidangularjsionic-frameworkodoo

Answer №1

Typically, web browsers are designed to block cross-domain requests for security reasons. However, there are ways to enable cross-origin requests to function.

One method involves installing a plugin on Chrome and enabling it to send requests, although this may not be the most secure approach.

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-ntp-icon

Another suggestion is to modify the headers in the middleware by adding:

"Access-Control-Allow-Origin: *"

This will permit requests from different domains to be accepted.

Answer №2

Working with Node.js

Allowing Cross-Origin Requests in Node.js

// Set the Access-Control-Allow-Origin header to allow all origins
res.setHeader('Access-Control-Allow-Origin', '*');

// Define the request methods that are allowed
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

// Specify the request headers that are permitted
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, content-type');

// Enable cookies to be included in API requests, if needed for sessions
res.setHeader('Access-Control-Allow-Credentials', true);

Answer №3

To implement the cordova whitelist plugin, follow these steps:

cordova plugin add cordova-plugin-whitelist

Next, execute the following command to prepare:

cordova prepare

Now, insert the lines below into your config.xml file:

 <access origin="*"/>

  <allow-intent href="*"/>

  <allow-navigation href="http://*/*" />

If you need to enable CORS for the browser, open Chrome through the command prompt or terminal.

For Windows users:

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-agent="Android" --user-data-dir="C:/temp-chrome-eng

For Mac users:

open -a Google\ Chrome --args --disable-web-security --user-data-dir="/Users/thantshweaung/Documents/Project/ionic/chrome_cache"

That's it! Your issue should now be resolved.

Answer №4

Replace 'localhost' with your IP address. For instance:

http://192._._._:8088/web/webclient/version_info

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

Guide on including a callback function in the renderCell columns of Material UI X Datagrid

When a button is clicked and the redux action is successful, I am trying to use a simple toast hook to display a message in the parent component where my Data grid is located. Can a callback be passed to utilize this hook from within the data grid? Here i ...

javascriptreactjsreact-hooksmaterial-ui

Losing scope of "this" when accessing an Angular2 app through the window

My Angular2 app has exposed certain methods to code running outside of ng2. However, the issue arises when calling these methods outside of ng2 as the context of this is different compared to when called inside. Take a look at this link to see what exactl ...

javascriptangulartypescriptangularjs-scopethis

Is it better to Vuex - manipulate store item twice, trigger new items, or perform transformations within components each time they are mounted?

I am considering performing two separate transformations on a single, large store item and then saving the results as two new store items. For instance: setEventsData: (state, data) => {...} // main huge master object // perform transformations on it an ...

javascriptvue.jsvuex

The Listview is currently displaying an empty Listbox

I am encountering an issue with a list view in my android project where an empty list appears at the top of the ListView. Even though the data is retrieved accurately from the database, there seems to be a null record displayed at the beginning of the list ...

androidlistview

Guide on using react-highlight-words to emphasize various keywords using different color schemes

I am currently working on implementing a search feature for my React project. At the moment, I am only required to enter a single keyword and search for it within the text. Once found, I need to extract and display the sentences containing this keyword sep ...

javascriptreactjsfull-text-searchhighlight

When should you use isRequired for PropType versus defaultProps in a React application?

I often find myself confused about when to use .isRequired versus .defaultProps={...}. I personally feel that I should avoid using isRequired, as it seems like creating a potential bug in the application. By using isRequired, it automatically removes the n ...

javascriptreactjsdesign-patternsreact-proptypes

Define the content and appearance of the TD element located at the x (column) and y (row) coordinates within a table

In my database, I have stored the row and column as X and Y coordinates. Is there a straightforward way to write code that can update the text in a specific td element within a table? Here is what I attempted: $('#sTab tr:eq('racks[i].punkt.y&a ...

javascriptjqueryhtml

Is there a way to utilize solely Javascript in order to crop an image?

Is there a way to crop an image using plain JavaScript? I need a function that can take an image with specific width, height, offsetX, and offsetY and create a new image of the specified portion. I'm not very knowledgeable about HTML5 canvas and simi ...

javascriptimagehtmlbrowsercrop

I am unable to view the input appearing inside the input box on my React/HTML application

I have been developing a React app for building portfolios, but I am facing an issue where I cannot see any text that I type into my input boxes. Can someone please help me troubleshoot this issue? Any assistance would be greatly appreciated. I have made ...

javascripthtmlreactjs

What is the best way to configure input fields as readonly, except for the one being actively filled by the user

Is there a way to make all input fields readonly except the one that the user is trying to fill data into? After the user loads the page index.php and attempts to input data into, for example, <input id="edValue2" ...>, I want to set all input field ...

javascriptphpjqueryhtmlajax

How to implement an Angular Animation that is customizable with an @Input() parameter?

Have you ever wondered if it's possible to integrate custom parameters into an Angular animation by passing them through a function, and then proceed to use the resulting animation in a component? To exemplify this concept, consider this demo where t ...

javascriptangulartypescriptanimationangular-animations

What is the technique for defining sub paths in React-Router-Dom by excluding the parent path?

Imagine a Profile page that displays different components based on the path it receives. For example: /profile/posts will show the Posts component within Profile. /profile/comments will display the Comments component inside Profile. Typically, the Profi ...

javascriptreactjsroutesreact-routerreact-router-dom

Run a Python script to capture mouse coordinates using Selenium

Greetings, I am currently utilizing selenium webdriver to retrieve the X,Y coordinates of the cursor at a specific moment on the webdriver screen. However, I am facing challenges with the implementation of a method that involves using driver.execute_script ...

javascriptpythonpython-3.xselenium

Tips for converting numbers in JavaScript and troubleshooting issues when trying to filter out non-numeric characters using Tel input commands

After finding this answer on how to convert digits in JavaScript, I attempted to apply the method to convert numbers in a phone number field with tel input type. function toEnglishDigits(str) { const persianNumbers = ["۱", "۲", &quo ...

javascriptjquerycustomization

Troubleshooting: Issues with Angular form validation functionality

I am completely new to Angular and attempting to create a signup form. Despite following tutorials, the form I've built doesn't seem to be validating properly. Below is the code that I have been using: <div class="signup-cont cont form-conta ...

javascripthtmlangularjs

Having trouble getting Jquery autocomplete to function properly with a complicated array?

I started with the guidance provided in this post, which was successful. To investigate why it's not functioning, I made a JsFiddle but couldn't figure out the issue. Even when trying to search for results using the first letter of the last name ...

javascriptjqueryautocomplete

I'm facing an issue where my React onClick event is not functioning as expected; whenever I click,

When I click the create button, my page is not refreshing and the required part is not working. If I try not using onClick onSubmit, the required part works, but when I click the button, the page refreshes. I'm not sure why. I have written e.preventDe ...

javascriptreactjs

Creating Twillio access codes with NodeJS

As I work on a project integrating Twillios Programmable Video API, I find myself navigating through the Node JS documentation for the first time. It's been quite clear so far, but I do have a couple of lingering questions. Below is the code snippet ...

javascriptnode.jstwiliotwilio-api

Transfer data between an HTML page and a PHP page hosted on separate locations using jQuery

Below is the code snippet I am currently working on: function send_data() { var a=$("#username").val(); var b=$("#password").val(); $.post("http://localhost/login/login.php", {uname: a, pswd: b}, function(data) { $("#result").html(data); }); ...

javascriptphpjqueryhtmlajax

The error message: "Trying to access property 'get' of an undefined object"

$http.get('/contactList'). success(function(data){ console.log('received data from http get'); }). error(function(data) { $scope.error = true; $scope.data = data; return 'error message'; }); There seems to be ...

javascriptangularjstypeerror