CORS Orgin problem in a CAP project

[former_member796360]

Hello experts !

I have developed a CAP application with 2 frontends:

(1) - Fiori UI5 : Maintain videos database: CRUD

(2) - Classic HTML/CSS/JS : Displays videos

Now I have a CORS error in the second project.. where I cannot load the data fetched from JSON

In this screenshot you can see the errors that occurs while requesting data from the backend.

And in the line 82 of Checkbox.js : (Client side)

fetch("https://url.hana.ondemand.com/service/front/Topics")

.then((Response) => Response.json())

.then((topics) => { ..}

I read this blog CORS and Fiori/UI5 – Everything you need to know | SAP Blogs but it does not seem to be working with this project.Does anyone have faced this issue earlier or any solution to propose.

Thank you !

Best,

Moomen

[yogananda]

moomenmufti

you can install this

npm i cors

// example

var express = require('express')
var cors = require('cors')var app = express() app.options('/products/:id', cors()) // enable pre-flight request for DELETE requestapp.del('/products/:id', cors(), function (req, res, next) { res.json({msg: 'This is CORS-enabled for all origins!'})}) app.listen(80, function () { console.log('CORS-enabled web server listening on port 80')})

[former_member796360]

Hello yoganandamuthaiah Thank you for your response !In fact, I am only trying to read/GET the data from the JSON and I've tried to create a JS file where I did this ( also I tried your way ):var express = require ('express');const app = express();var cors = require ('cors');

app.use(cors({ origin: '*'}));

But it shows me an reference error of require is not defined.