Size: a a a

Nuxt.js | Vue SSR

2021 May 07

PR

Pavel Rusak in Nuxt.js | Vue SSR
у тебя в router?
источник

A

Aquinary in Nuxt.js | Vue SSR
И в router и в nuxt,config.js пихал
источник

A

Aquinary in Nuxt.js | Vue SSR
И в оба сразу
источник

PR

Pavel Rusak in Nuxt.js | Vue SSR
в nuxt.config.js в router
источник

PR

Pavel Rusak in Nuxt.js | Vue SSR
файл nuxt.config.js => объект router
источник

A

Aquinary in Nuxt.js | Vue SSR
Чуть позже попробую
Сейчас потыкаю в nuxt-auth, может удобнее будет
источник

A

Aquinary in Nuxt.js | Vue SSR
Прост хз как с помощью него formdata отправить
А бэк ждёт именно formdata
источник

S

Sid in Nuxt.js | Vue SSR
middleware: ['auth'] это в компоненте
источник

S

Sid in Nuxt.js | Vue SSR
можешь и так сделать, только тогда сначала создать layout
источник

S

Sid in Nuxt.js | Vue SSR
у тебя называется аус, соотвественно логика такова, что ты не можешь заходить на какие то роуты без доступа. Это значит что тебе нужна эта проверка только на этих роутах
источник

S

Sid in Nuxt.js | Vue SSR
значит тебе нужно создать layout admin.vue к примеру
источник

S

Sid in Nuxt.js | Vue SSR
  export default {
   layout: "admin",
   middleware: "auth-guard",
   components: {
     AdminNavBar,
     AdminSideBar
   }
 }
источник

S

Sid in Nuxt.js | Vue SSR
пихать мидвару прямо в накст конфиг чтобы она отрабатывала везде не очень логично. Зачем она там где она не нужна, а она будет везде
источник

S

Sid in Nuxt.js | Vue SSR
лучше изолируй эту проверку в лейауте
источник

S

Sid in Nuxt.js | Vue SSR
  <div class="admin-layout">
   <AdminNavBar/>
   <section class="admin-content">
     <AdminSideBar/>
     <Nuxt/>
   </section>
 </div>
источник

S

Sid in Nuxt.js | Vue SSR
соответсвенно в Nuxt/ будут елдится те вьюшки, которые имеют layout: "admin"
источник

S

Sid in Nuxt.js | Vue SSR
все просто
источник

A

Aquinary in Nuxt.js | Vue SSR
Да всё собственно было сделано через nuxt-auth, оказалось удобнее гораздо, чем мой велосипед (я до этого отправлял данные на бэк, получал токен с бека и самостоятельно ставил кукисы, впихивал их в стор и короче мидл мне нужен был, чтобы проверять перед загрузкой страницы, вошёл пользователь или нет), но всё это оказалось в итоге ненужным
А пользователь это не всегда админ же, начиная с меню в навбаре, заканчивая возможностью комментирования/лайкания и т.д, поэтому и подошёл к вопросу "проще задать глобальный мидл, чем ковыряться по компонентам и добавлять по одному. Это же не dry как-то)
источник

S

Sid in Nuxt.js | Vue SSR
а, ну называется аус просто, если тебе везде чекать надо, то конечно просто в роуте накст конфига регай
источник

A

Aquinary in Nuxt.js | Vue SSR
Ну вроде как работает всё)
Хотя конечно с этой авторизацией пришлось подолбаться, сначала на бэке, а потом и на фронте. Не совсем было понятно как это работает всё между собой и как это связывать вместе
источник