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

[gregorw]

You can avoid this issue when you use the approuter and a destination to the CAP backend. Then you don't have to specify a absolute URL. Instead you can use a relative path to the backend.

[former_member796360]

Thank you gregorw for your support !

I am trying to create one but I am not sure that I am on the right way .. Do you have any idea, how to do that ? Maybe a blog or article may help ..

[gregorw]

You can give my https://github.com/gregorwolf/bookshop-demo a try.

[former_member796360]

Thanks gregorw !

Right ! there's a lot of right solutions to solve this problem.

In my case, I have created a file 'server.js' and simply added this code:

const cds = require('@sap/cds')cds.on('bootstrap', (app) => { const cors = require('cors') app.use(cors())})
module.exports = cds.serverand it's working just fine.

[gregorw]

But how do you authenticate to the CAP Service when you call it that way?