У меня есть веб-приложение, над которым я давно работаю, и сейчас только начинаю добавлять в него новые страницы.
Я создал импорт и направил его в Vue Router, и когда вы используете ссылку на маршрутизатор, он прекрасно загрузит страницу. Но переход к URL-адресу напрямую вызывает только панель навигации. Это как если бы страница не существовала, если вы не переходите на нее через ссылку на маршрутизатор.
Все остальные страницы в моем приложении работают нормально, перейдя непосредственно по URL.
Когда проект загружается на хостинг Firebase, я получаю сообщение об ошибке 404, переходящее непосредственно на URL, но опять же, ссылка на страницу из ссылки на роутер работает нормально.
Что дает?
Пример кода ниже. Проблема с Page2.
import Vue from 'vue'
import Router from 'vue-router'
import Page1 from '@/components/Page1'
import Page2 from '@/components/Page2'
import Index from '@/components/Index'
import ViewProfile from '@/components/ViewProfile'
import firebase from 'firebase'
Vue.use(Router)
const router = new Router({
mode: 'history',
routes: [
{path: '/', name: 'Index', component: Index},
{path: '/page1', name: 'Page1', component: Page1},
{path: '/page2', name: 'Page2', component: Page2},
{path: '/:slug', name:'ViewProfile', component: ViewProfile},
]
})
export default router