Can't get Axios requests to PHP API

Nathan Loyer — Fri, 14 Oct 2022 16:19:53 +0000

Not sure where to start here. I have inherited a Laravel 7.4/ Vue 2.x application. Everyone who knew how to start it up (in theory: successfully) is long gone. I've got everything up and listening without errors until you try to do anything. It's supposed to be setup with the Laravel app listening for /api calls. And in the Vue app an Api object is created by Axios.

The problem I am struggling with is that all requests to this Api return with a 401 Unauthorized. But the PHP server isn't even getting a request.

import axios from "axios";

let baseURL = "";

switch (process.env.NODE_ENV) {
    case "development":
        baseURL = window.location.protocol + "//" + window.location.hostname + "/api";
        break;

    default:
        baseURL = window.location.protocol + "//" + window.location.hostname + "/api";
}

axios.defaults.withCredentials = true;

const Api = axios.create({
    baseURL,
    withCredentials: true
});

export default Api;

I'm using all the sanctum csrf stuff to manage the token and I'm not getting CSRF errors anymore after fixing the config in .env. Now all I get are 401s, and they are coming from Nginx. Any ideas? I've been stuck on this for days and don't know where to go next.

DEV Community: Nathan Loyer

Can't get Axios requests to PHP API