Vue.js Fetch выдает ответ 404 и api

Я не могу сделать POST-запрос в Vue.js. Это вызывало у меня проблемы с CORS, но я добавил

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");

к API, и они ушли. Я могу получать действительные ответы от API с помощью Postman, используя тот же адрес электронной почты и пароль (Postman игнорирует CORS).

Вот мой запрос на получение:

<script>
export default {
data () {
    return {}
},
methods : {
    login : function () {
        console.info('Logging in');
        // axios({
        //     method : 'post',
        //     url : 'https://www.example.com/login',
        //     headers : {'content' : 'application/json'},
        //     data : {
        //         email : 'emailHere',
        //         password : 'passwordHere'
        //     }
        // })
        // .then(function (response) {
        //     console.info(response);
        // })
        // .catch(function (error) {
        //     console.info(error);
        // });

        fetch('https://www.example.com/login', {
            method: 'POST',
            body: JSON.stringify({
                email : 'emailHere',
                password : 'passwordHere'
            })
        })
        .then((res) => res.json())
        .then((data) => console.info(data))
        .catch((err) => console.error(err))

    }
}
}
</script>

https://www.example.com/api/v1/authenticate/login 404 (Not Found)
{status: false, message: "Invalid credentials"}

Я попробовал Axios, но все равно выдает 404, но не отвечает "Invalid Credentials".

В других приложениях я успешно использовал jquerys ajax с тем же API, поэтому API, похоже, разрешает запросы javascript. Но Fetch и Axios это не нравится.

У меня есть компонент Login.vue с кнопкой

<a id = "login-btn" @click.prevent = "login">{{ $t('loginPage.loginButtonText') }}</a>

Любая помощь будет оценена по достоинству! Спасибо!