No response data from Laravel API using Axios

Question

I am setting up authentication using Laravel (Laravel Framework version 5.8.4) as a REST API, but when I make a post request using Axios, I get back an empty string.

Here is my code in Laravel: "login" endpoint in my main controller:

 class MainController extends Controller
{

public function login(Request $request){

$data = [
'message' => 'yo'
];

return Response::json($data, 200);

 }
}

Here is my Axios code (from Vue.js method):

methods: {

      submitRegistration: function() {

    axios.post('http://envelope-api.test/api/auth/login', {
    name: this.form.name,
    email: this.form.email,
    password: this.form.password,
    password_confirmation: this.form.password_confirmation
  })
  .then(function (response) {
      console.log("here's the response")
      console.log(response);
    })
  .catch(function (error) {
    console.log(error);
  });

    },
  }

Here is the response from Postman (it works!)

{
    "message": "yo"
}

Here is the response from my axios request in console (empty string, where's the data?) :

{data: "", status: 200, statusText: "OK", headers: {…}, config: {…}, …}

If you open the whole console.log in the inspector, can you see the message? Try yo do `console.log(response.message)` — Jacobo, Mar 25 '19 at 01:13
I just updated my question that the response from axios was in console @JacoboTapia — Tony Brackins, Mar 25 '19 at 01:29

Benjamin Beganović · Answer 1 · 2019-03-25T01:12:29.960

0

To get data from axios you should use response.data, not just response.

Edit: Try to respond with the helper.

response()->json($data);

edited Mar 25 '19 at 01:12

answered Mar 25 '19 at 01:09

Benjamin Beganović

1,070
1
8
12

His `data` seems empty though :/ – senty Mar 25 '19 at 01:11

score 0 · Answer 2 · answered Mar 25 '19 at 01:36

I've got this figured out. Thanks for your help.

I had this chrome extension installed to allow CORS (Cross Origin Resource Sharing) so I could do API requests from localhost (apparently, not needed for Postman?).

I turned it off and installed it locally on Laravel using this post (answer from naabster)

After I installed this way, it worked regularly.

No response data from Laravel API using Axios

2 Answers2