Как сделать страницу 404 в VUE.js?

Question

[Валерий В.]

Добрый вечер!
Суть вопроса - как реализовать страницу 404 через vue-router.
Есть прописанные пути, и нужно, чтобы на все url, которые не прописаны в путях, редиректилось на страницу 404.
Чет ничего в голову не приходит, примеров в инете не могу найти, а китайский пока не понимаю ).

Answer 1

[Yeldos Adetbekov]

const routes = [
...
  { 
		path: '/404', 
		name: '404', 
		component: NotFound, 
	}, { 
		path: '*', 
		redirect: '/404' 
	}
]

Comments

[Валерий В.]

Спасибо за оперативность!
С Vue недавно работаю, не все еще с ходу помню.
Напомните, пожалуйста - если роутер находит декларированный ранее именованный путь, то * не будет срабатывать? Так?

[Yeldos Adetbekov]

Валерий В.: Верно, тут зависит от порядка(Default вариант * в конец).

[Валерий В.]

Yeldos Adetbekov: Благодарю!

[Валерий Павлов]

При таком способе код 200 вылазиает, а не 404. Мне нужно чтобы именно код ответа был 404, как это можно сделать?

Answer 2

[serg127]

Здравствуйте.
А чем плох подход из официальной документации, о котором уже писали выше?
guide

const routes: [
    ...
    { path: "*", component: PageNotFound }
]