HMR blocked due to CORS

[arnvanhoutte]

I cloned the project from here and didn't really change much. The project builds and starts fine but I saw this error in my dev tools:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://192.168.1.54:8080/sockjs-node/info?t=1589278796344. (Reason: CORS request did not succeed).

The issue is probably caused by the request going to the IP address instead of localhost, but I am not sure where to change this

[liborpansky]

Hi, can you confirm you are using ASP.NET Core app URL at http://localhost:5000/ (in your case http://192.168.1.54:5000) instead of vue app URL at port 8080?
Plus HMR does not work with https, you should use http endpoint.

[arnvanhoutte]

I just started the app with my IIS Express config, so https://localhost:44352/ in this case

[liborpansky]

Try to run the site with http only and let me know if your problem persists :)

[arnvanhoutte]

It works with HTTP, but ideally our application should work in HTTPS-mode. I also have an Angular project that uses HMR/Sock-JS and that one uses HTTPS with no issue because it just talks to my localhost, instead to a specific IP

[liborpansky]

There were some attempts to support HTTPS in dev environment #24 , but I've actually never seen a working project with ASP.NET / Vue...

[arnvanhoutte]

Ah that's too bad. Hopefully someone can figure it out soon