我有一个我已经开发了很长时间的网络应用程序,现在我刚刚开始向它添加新页面。
我在 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