Question

我已经使用了很长时间的Web应用程序，现在才开始向其中添加新页面。

我在Vue Router中创建了一个导入并路由到它，当您使用router-link链接时，它将很好地加载页面。但是直接转到URL只会弹出导航栏。除非您通过router-link进入该页面，否则好像该页面不存在。

直接进入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

新页面无法正常工作，无法直接指向网址

0 个答案: