Авторизация с использованием Vue. js и Express, js

Question

У меня проблема с моим Vue. js приложением. У меня есть Express бэкэнд и авторизация, и я использую паспорт. js, чтобы сделать это. Далее у меня есть приложение Vue. js, где должны быть страницы, которые не могут быть открыты, если пользователь не авторизован, и я хочу это проверить.

Я пытаюсь использовать куки, но после некоторых вариантов я окончательно запутался в этом. Мой браузер сохраняет куки для моего сервера, и я не могу прочитать их на клиенте, потому что флаг «только для http», и я не могу проверить авторизацию с помощью запроса get, потому что idk (на клиенте нет куки?).

Итак, как лучше это сделать?

Answer 1

Итак, я добавляю заголовок в Express вот так

const allowCrossDomain = function (req, res, next) {
  res.header('Access-Control-Allow-Origin', 'http://localhost:8080');
  res.header('Access-Control-Allow-Methods', '*');
  res.header('Access-Control-Allow-Headers', 'origin, content-type, accept');
  res.header('Access-Control-Allow-Credentials', true);
  next();
}
app.use(allowCrossDomain);

, затем проверяю авторизацию

axios.get('url',{withCredentials:true}) 

и логин

axios.post('login',{withCredentials:true}) 

вот так