Access-Control-Allow-Origin (Laravel & Vue) CORS CORB error on localhost

Question

I use this package and it didn't work (https://github.com/barryvdh/laravel-cors)

addSMS() {
    axios.post('https://smsmisr.com/api/webapi', {
                headers: {
                        'Access-Control-Allow-Origin': '*',
                        'Access-Control-Allow-Methods': 'POST, GET, PUT, OPTIONS, DELETE',
                        'Access-Control-Allow-Headers': 'Access-Control-Allow-Methods, Access-Control-Allow-Origin, Origin, Accept, Content-Type',
                        'Content-Type': 'application/json',
                        'Accept': 'application/json'
                    },
                username: '*****',
                passowrd: '****',
                etc: '',
            })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            });
        }

please tell me how to fix it it's cors not working for me.

Rejoanul Alam · Accepted Answer · 2019-02-06 02:20:37Z

7

As you have no access in API's source code so there is nothing to do with .htaccess or adding 'Access-Control-Allow-Origin': '*', in script. But still you can eradicate this error by opening chrome browser with disabled security mode

In windows run CMD (press together windows button and R key from keyboard. Then type cmd in box and enter).

Secondly go to C drive (in CLI) or where your chrome installed (using cd command) then run following command

“Program Files (x86)\Google\Chrome\Application\chrome.exe” –-allow-file-access-from-files --disable-web-security --user-data-dir --disable-features=CrossSiteDocumentBlockingIfIsolating

It will open your browser in disabled web security mode. Once you done it you can test now with this kind of CORS or CORB error.

note: before running this command make sure there are no chrome are opened already.

Program Files (x86)\Google\Chrome\Application\chrome.exe this should be your chrome installed path

However after opening browser it will show as below, dont panic & dont close this message. if you close this message it will again through this CORS or CORB error

edited Feb 6, 2019 at 2:20

answered Feb 6, 2019 at 2:14

Rejoanul Alam

5,4004 gold badges42 silver badges71 bronze badges

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

5 Comments

Ahmed Mamdouh Over a year ago

I will try it but maybe it will not solve my problem this api work on postman as well

Rejoanul Alam Over a year ago

@AhmedMamdouh yes it will work postman even at live srrver when you add https. But this solution for localhost & development server

Ahmed Mamdouh Over a year ago

you mean when i upload my server it will work fine ?

Ahmed Mamdouh Over a year ago

it's working fine thank you, but i have question when i see in youtube all use localhost and it working with cors easy why i get this problem.

Rejoanul Alam Over a year ago

@AhmedMamdouh Perhaps in earlier version of chrome it works but there are a security issue & latest version dont allow to do that

Dominique Paul · Accepted Answer · 2022-02-01 20:24:37Z

1

Changing

'Content-Type': 'application/json',

to the following will solve the problem:

'Content-Type': 'text/html; charset=UTF-8',

edited Feb 1, 2022 at 20:24

Dominique Paul

1,7893 gold badges20 silver badges35 bronze badges

answered Feb 1, 2022 at 8:41

Ra'ad Saeed

113 bronze badges

Comments

Kamrul Touhid · Accepted Answer · 2019-02-06 02:23:01Z

-1

Update config/cors.php

   'supportsCredentials' => false,
   'allowedOrigins' => ['*'],
   'allowedHeaders' => ['*'],
   'allowedMethods' => ['*'], // ex: ['GET', 'POST', 'PUT',  'DELETE']
   'exposedHeaders' => ['*'],
   'maxAge' => 0,

   then run
   php artisan config:cache 
   command i think it will help you

edited Feb 6, 2019 at 2:23

answered Feb 6, 2019 at 1:58

Kamrul Touhid

1565 bronze badges

1 Comment

Ahmed Mamdouh Over a year ago

I do it and nothing

Collectives™ on Stack Overflow

Access-Control-Allow-Origin (Laravel & Vue) CORS CORB error on localhost

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related