Vue + .net api = CORS problem

General
1
  • FrontEnd (Vue)
  • Backend (.net)

I’m new to the IDX app!

Even though I have made the CORS settings in my .Net project, I am getting the error below. Is there a separate setting that needs to be made for IDX? How can I put these two applications on the same network?

Access to fetch at ‘https://4000-idx-net-1724622714534.cluster-rz2e7e5f5ff7owzufqhsecxujc.cloudworkstations.dev/’ from origin ‘https://9000-idx-vue-1724621428757.cluster-wxkvpdxct5e4sxx4nbgdioeb46.cloudworkstations.dev’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

2

Hi,

Here is an article how you can make this happen:

basically your backend needs to authenticate the frontend.

1 Like
3

Same problem for me as well, I was trying to make my front end made using Angular to talk with Backend made using Spring Boot, But they were in different project.
How can I do it??? Any Solution you found??? @fatihyucelsen @kirupa .
The article you @Srivats_Venkataraman you refereed , that work for front end and back end in a same workspace