Laravel和VueJS路由

时间:2018-10-01 09:38:16

标签: laravel vue.js vuejs2

我一直在用Lumen上的api和Vue上的app构建一个项目。因此,碰巧我需要将这两个都合并在laravel上。

但是现在路由存在问题。 Vue路由器历史记录模式不允许通过url进行直接链接,例如如果按登录按钮是可以的,但是当我手动在URL中写入/ login时不是这样。

我已将index.html放置在公用文件夹中,并且不使用视图。

我在https://laracasts.com/discuss/channels/laravel/vue-router-in-laravel-cant-go-directly-to-a-url

处发现了类似的问题

但是,由于我没有视图,所以我无法再像这样返回视图。我的所有视图都可以通过Vue路由器访问

const router = new VueRouter({
mode: 'history',
routes: [
    {path: '/login', name: 'login', component: Login, meta: {authenticated: true}, props: { refresh: true }},
    {path: '/', name: 'reportsGet', component: Reports},
    {path: '/disclosure', name: 'disclosure', component: Disclosure},
    {path: '/submit/report', name: 'reportCreate', component: ReportCreate},
    {path: '/reports', name: 'reportsDelete', component: Reports, meta: {requiresAuth: true}},
    {path: '/reports', name: 'reportsUpdate', component: Reports, meta: {requiresAuth: true}},
    {path: '/logout', meta: {logout: true},  props: { refresh: true }},
    {path: "*", name: 'page-not-found',component: PageNotFound }
]
})

是否可以从laravel中的/ login路由重定向到Vue路由或组件?还是我可以通过其他方式访问vue视图?

0 个答案:

没有答案