could not connect laravel web socket from angular

Question

Access to XMLHttpRequest at 'http://localhost:8080/socket.io/?EIO=3&transport=polling&t=MgBuvgw' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Did you search on this error? this question is already asked overhere stackoverflow.com/a/20035319/8559155 — Ronald Haan
– Ronald Haan, Commented May 6, 2019 at 7:03

Jagadesha NH · Accepted Answer · 2019-05-06 07:26:22Z

1

Due to a security reasons browsers won't allow you to access other websites content until you specify with cors headers.

For more information on cors https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Fix:

quick solution: in public/index.php add the following headers

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Methods:  POST, GET, OPTIONS, PUT, DELETE');
header('Access-Control-Allow-Headers:  Content-Type, X-Auth-Token, Origin, Authorization');

For better control and good practice use this package:

https://github.com/barryvdh/laravel-cors

answered May 6, 2019 at 7:26

Jagadesha NH

2,7783 gold badges25 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arun Pandian Over a year ago

Hi, We used the command you shared but actually we faced the above issue only while connecting with web socket. Other than that we can be able to fetch the data.

Collectives™ on Stack Overflow

could not connect laravel web socket from angular

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related