kostenloser Webspace werbefrei: lima-city

CORS blockiert XMLHttpRequest

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   itobilp-dererste

   itobilp-dererste hat kostenlosen Webspace.

   8:51, 20.9.2022

   Moin,
   Ich bin zurzeit dabei mir eine REST-Schnittstelle lokal in meinem Netzwerk aufzubauen.
   Meine REST-Api läuft (zur entwicklung) auf dem localhost:9000.
   der eigentliche Webserver läuft auf localhost:8010
   
   client-JS
   

   var xhr = new XMLHttpRequest();
       xhr.open("POST",  "localhost:9000/getData", true);
       xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
       xhr.setRequestHeader('Content-Type', 'application/json');
       xhr.send("{}")

   
   
   localhost:8010 (nodeJS)
   

   app.use(cors());
   
   const port = 8010;
   
   app.listen(port, () => {
       console.log(`listening to port: ${port}`)
   });
   
   app.get('/', (request, response) => {
       response.set('Content-Type', 'text/html;charset=utf-8');
       response.set('Access-Control-Allow-Origin', '*');
       fs.readFile(absolutePath + "/htdocs-80xx/index.html", function(err, content){
           response.send(content);
       });
   });

   
   
   und localhost:9000 (nodeJS)
   

   app.use("/data", express.static(absolutePath + "/htdocs-80xx/"));
   app.use(cors({
       methods: ['GET','POST'],
       origin: '*',
   }));
   
   const port = 9000;
   
   app.listen(port, () => {
       console.log(`listening to port: ${port}`)
   });
   
   app.post("/getData", (request, response) => {
       response.set('Access-Control-Allow-Origin', "*);
       response.send("hi");
   })

   
   
   Fehler:
   

   Access to XMLHttpRequest at 'localhost:9000/getData' from origin 'http://localhost:8010' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https, isolated-app.

   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. h***********r

   13:43, 21.9.2022

   https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
   Da gibt es die Erklärung dazu :)
   
   Beitrag zuletzt geändert: 21.9.2022 13:43:51 von horstexplorer
4. Autor dieses Themas

   itobilp-dererste

   itobilp-dererste hat kostenlosen Webspace.

   20:05, 21.9.2022

   Danke,
   wie cors funktioniert weiß ich und hab den fehler jetzt lösen können.
   ich hab bei der http-anfrage einen rechtschreibfehler gemacht, das "http://" fehlt.
   
   Das hab ich völlig übersehen.
   
   kann ja aber mal passieren.
   
   LG Tobi
   
   Beitrag zuletzt geändert: 22.9.2022 16:11:49 von itobilp-dererste

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?