Axios не получает куки / сессии от PHP с vue.js

Question

Я установил плагин CoCart, который включает API для Woocommerce Cart. Это прекрасно работает, но когда посетители добавляют что-то в корзину (например, меня, а затем моего друга), после нескольких добавленных товаров она будет смешивать нашу корзину, поэтому, например, я получаю корзину моих друзей.

Я использую Axios в Vue, поэтому я попытался добавить Crossdomain, правда. И несколько новых заголовков. Но он все еще смешивает корзину между пользователями.

axios.get(SETTINGS.API_WOOCOMMERCE_CART + 'count-items', {
                crossDomain: true,
                headers: {
                    'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
                    'Access-Control-Allow-Origin': '*',
                    'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept, Authorization',
                    "cache-control": "no-cache",
                }
            })
.then(response => {
   cb(response.data);
})
.catch(e => {
    cb(e);
});

В результате я хочу не смешивать корзину между пользователями. (Сессия). Я не получаю никаких сообщений об ошибках.

Answer 1

Клиентская сторона: Установите Access-Control-Allow-Credentials: true для каждого запроса, отправленного на сервер

Серверная сторона: Установите Access-Control-Allow-Origin с точным основанием url вашего приложения (точное значение всех деталей, номер порта,http или https и localhost не считается таким же, как 127.0.0.1 ...)

Ps. Обнаружил, что эта статья поможет вам, Какие заголовки CORS вам нужны для отправки заголовка авторизации?