laravel-cors not working with axios and vue-resource

Question

As defined in documentation of barryvdh/laravel-cors, I've tried to implement laravel-cors on a fresh installation of Laravel but that doesn't work.

It yet gives the error of No Access Origin.

I'm trying to access the post request using Axios on Quasar

Any assistance will be thanked.

Specs:

Laravel @ v5.4
Laravel-Cors @ v0.9.2
Axios @ v0.16.2
Quasar @ v0.14

Laravel-Cors documentation ref.

Works on Chrome if the extension of CORS is installed and enabled, but not the case without any extension in Firefox.

Hence need to make it work without any extension on all browsers.

I added the Service provider, the global middleware, and published default config as guided in Documentation of laravel-cors. That's all I did. — Vaishnav Mhetre
– Vaishnav Mhetre, Commented Jun 20, 2017 at 12:09

Arif · Accepted Answer · 2019-10-15 12:59:09Z

1

you can use barryvdh/laravel-cors to allow cors
or
just add this line
header("Access-Control-Allow-Origin: *"); in the top of controller which will receive requests

and axios data will not just a JSON
you should pass it as URL search parameter using URLSearchParams object
example:

const params = new URLSearchParams();
params.append('email', email_variable);
params.append('password', password_variable);

axios.post('url_here', params)
   .then();

answered Oct 15, 2019 at 12:59

Arif

1,00710 silver badges12 bronze badges

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

Comments

Aleksandar Gocanin · Accepted Answer · 2020-01-27 21:28:19Z

0

Also when you need to fetch post request from one url to another is it's necessary to set mode: cors'

fetch('http://example.com/movies.json',{
      method: 'post',
      mode: 'cors',
      credentials: 'include',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      })
  .then((response) => {
    return response.json();
  })
  .then((myJson) => {
    console.log(myJson);
  });

answered Jan 27, 2020 at 21:28

Aleksandar Gocanin

796 bronze badges

Collectives™ on Stack Overflow

laravel-cors not working with axios and vue-resource

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related