The request made by XMLHttpRequest has been blocked as it is trying to access an invalid origin, which is why access is not allowed

While attempting to log in and connect through a service layer to a Linux server with sap b1, I encountered the following error message:

XMLHttpRequest cannot load https://hanab1:50000/b1s/v1/Login. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'null' is therefore not allowed access.

Despite multiple attempts using Google Chrome, the same error persists. Interestingly, when watching the video tutorial at https://www.youtube.com/watch?v=ilDH8nhnp4o, the mentioned error occurs. However, upon directly entering the URL https://hanab1:50000/B1S/v1, I am able to access all information without any issues.

If anyone can offer assistance or advice on resolving this issue, I would greatly appreciate your collaboration and support.

javascriptservicelayerhana

Answer №1

To put it simply, it is not possible. To activate Access Control, you must modify the way in which the server sends the headers to you. If your server uses PHP:

<?php
  header("Access-Control-Allow-Origin: *");

And for SAP (if Apache is being used), the headers should be:

Header set Access-Control-Allow-Origin "*"

You can find information for other types of servers here: I want to add CORS support to my server.

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

Encountering a JavaScript error when trying to manage autocomplete location information in the Google Maps API within VueJS 2

I recently implemented a search input form in my VueJS 2 application, allowing users to search for a location and view a list of nearby pharmacies on the page. However, I encountered an issue with the autocomplete feature not working properly. An error mes ...

javascriptvue.js

Monitoring VueFire for an empty array attribute

Seeking a resolution to my current issue! I am attempting to integrate Vue.Draggable with VueFire. I have multiple lists with draggable cards that can be moved between them, sorted, duplicated, and more. When the lists have cards populated, Vue.Draggable ...

javascriptfirebasevue.jsvuefirevuedraggable

Rendering with ReactDom in a SharePoint Framework application

Our current project requires us to generate a PDF file using the <div></div> elements. Most of the code I've seen renders from ReactDom.Render() instead of the render class: Take for instance React-pdf: import React from 'react&apo ...

javascriptreactjsspfxsharepointframework

Is there a way for me to adjust the font size across the entire page?

Most CSS classes come with a fixed font-size value already set. For instance: font-size: 16px font-size: 14px etc. Is there a way to increase the font size of the entire page by 110%? For example, font-size: 16px -> 17.6 font-size: 14px -> 15.4 ...

javascriptcssvue.jssass

What is the best method for displaying data on the user interface in Angular after retrieving it from a CSV file

I am currently working on implementing an Angular template where I need to display data from a CSV file in a structured table format. However, I am facing challenges with the core scripting part related to the retrieved CSV data. Here is a snippet of my c ...

javascriptangulartypescriptexport-to-csv

What is the best way to retrieve the promise that encountered an error in the catch block while using async/await

I'm currently in the process of converting code that used .then/.catch to instead use async/await. One particular challenge I'm facing is how to access the original promise that fails within the catch block, for logging purposes. Here is the ori ...

javascriptasync-await

Utilize JavaScript to create a toggle menu feature that can target multiple variables with just one click function

I am attempting to create a collapsing menu on click functionality with additional modifications. One of the changes I would like to implement is altering the background of another element when the menu collapses. Currently, the code snippet only works fo ...

javascripthtmlcss

The p5js function pixelDensity() does not provide improved resolution on retina screens

Currently, I am working on a project that involves generating collages from sets of photos. This process includes averaging the pixels' colors of the images and then using that averaged color to plot points on the canvas. However, when I zoom in on re ...

javascriptcanvasp5.js

The latest version of Next.js, Version 12, encounters an issue with theme-ui that results in the error message "code: 'ERR_REQUIRE_ESM'"

Encountering an error while working with Next.js 12 after creating a theme using theme-ui. https://i.stack.imgur.com/BtH7W.png Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\fm-nextjs\node_modules\@mdx-js\react\ind ...

javascriptreactjsnext.jses6-modulestheme-ui

Firebase line. Personalized completion status

Looking for guidance on launching different specifications based on incoming data. Struggling to declare multiple "finished states" in my spec and seeking advice on alternative methods. Can anyone assist me with this? Thank you! checkRelationship.getReq ...

javascriptnode.jsfirebasefirebase-queue

Can the Browser Mob Proxy capture network traffic for applications that are running on localhost?

I'm currently working on creating a tool that automatically tracks client-side performance. I recently learned that browsermob proxy combined with selenium can be used to write tests for this purpose. However, I'm curious about the possibility of ...

javajavascriptseleniumphantomjsbrowsermob

What methods can be used to identify the pattern entered by the user for data types such as `Int`, `VarChar`, `

I have a dropdown menu containing data types. There is also a text box for entering Regex patterns. If "/test/" is entered in the textbox or "Int" is selected from the dropdown, then it's an incorrect pattern. If "/[0-9]/" is entered in the ...

javascriptjqueryregex

Executing a function in Angular 2 depending on the class assigned to a <div>

In my HTML code, I am using *ngFor to iterate through an array of messages. <div *ngFor="let message of messages; let i=index" [focused]="i === activeIndex;" [ngClass]="{'message-list-active': activeIndex === i }" (click)="onAddtoMessag ...

javascriptcssangularng-class

Is there a way to determine the number of syllables in text as it is being typed?

Working on a React-based web app, I am trying to determine the number of syllables in a textarea as the user types. Encountering errors like "cannot find length of a null" at every turn. Right now, all I want is to utilize console.log() for troubleshooti ...

javascriptreactjs

How to prevent page scrolling in an Android web browser

Struggling to prevent my website from scrolling on different devices. While it's relatively easy to achieve on desktop browsers using overflow: hidden;, I'm facing issues with my Android tablet where the page continues to scroll no matter what I ...

javascriptandroidjquerycss

I'm getting an error about uncaught products in a collection - can you help me understand what this means and how to

My next.js website, which fetches products from Shopify, was working flawlessly until a few months ago when it suddenly stopped building on the development server. Now, whenever I try to run the website locally, I am encountering a "Cannot read properties ...

javascriptnext.jsshopifyshopify-storefront-api

Using JavaScript to toggle the visibility of grids depending on the radio button choice and then triggering this action by clicking on the search button

As a newcomer to AngularJS development, I am encountering some challenges while attempting to implement the following scenario. Any suggestions or guidance would be greatly appreciated. I aim to showcase either one or two Angular UI grids based on the rad ...

javascripthtmlangularjsangular-ui-grid

Node.js is indicating that the certificate has expired

When using Mikeal's request library (https://github.com/mikeal/request) to send an https request to a server, I keep encountering an authorization error of CERT_HAS_EXPIRED. request({ url: 'https://www.domain.com/api/endpoint', ...

javascriptnode.jsexpressrequest

ACE.js enhances website security through Content Security Policy

I've been working on setting up a helmet-csp with ace running smoothly. Here's how my helmet-setup looks: var csp = require("helmet-csp"); app.use(csp({ directives: { defaultSrc: ["'self'", "https://localhost:8000"], ...

javascriptexpressace-editorcontent-security-policy

Using a JavaScript function to post the input value and then displaying it through PHP

I am striving to create an input field that will capture the value of what is typed and display it. The JavaScript function is designed to retrieve the value of the input box two seconds after the user stops typing and then post it. However, the issue lies ...

phpjavascriptjqueryajax