Laravel VueJs SPA:VueJs路由器路由是否应与Laravel路由匹配

Laravel VueJs SPA:VueJs路由器路由是否应与Laravel路由匹配,laravel,vue.js,vue-router,Laravel,Vue.js,Vue Router,问题很简单 为了使用Laravel和VueJS构建简单页面应用程序(SPA),router.js(SPA的文件定义路径)中的所有路径是否也应该存在于Laravel的web.php中 例如,我使用的源代码来自: router.js内部resources/assets/js/frontend具有: export default [ { path: '/create', component: SubmitTicketFormComponent }, { path: '/view/:t

问题很简单

为了使用Laravel和VueJS构建简单页面应用程序(SPA),router.js(SPA的文件定义路径)中的所有路径是否也应该存在于Laravel的
web.php

例如,我使用的源代码来自:

router.js
内部
resources/assets/js/frontend
具有:

export default [

    { path: '/create', component: SubmitTicketFormComponent },
    { path: '/view/:ticketId', name: 'client-view-ticket', component: ViewTicketComponent, props: true }
];
但是
web.php
内部的
routes
文件夹

Route::get('/', function () {
    return view('welcome');
});
Route::get('/admin', function () {
    return view('admin');
});
Route::post('/login', 'Auth\LoginController@login');
Route::post('/logout', 'Auth\LoginController@logout')->name('logout');
//Auth::routes();
Route::get('/home', 'HomeController@index')->name('home');
api.php
内部的
routes
文件夹有:

Route::middleware('auth:api')->group(function() {
    Route::get('/profile', 'ProfileController@index');
    Route::apiResource('/admin/tickets', 'Admin\TicketsController');
});
Route::apiResource('tickets', 'TicketsController');

那么,有关VueJs和Laravel的路径或路由声明的规则是什么呢?

如果您想拥有SPA并保留一些Laravel页面,则需要有如下路由:

Route::get('/{any}', 'VueController@index')->where('any', '.*');

这可能位于路由文件的末尾,因此,如果它与现有的Laravel路由不匹配,它将打开Vue SPA并从那里处理路由。

有关VueJs和Laravel的路径或路由声明的规则是什么?它们应该匹配吗?哪些路径应该在
router.js
中,哪些路径应该在
web.php
中?@IstiaqueAhmed,不,它们不需要匹配。将您的Lravel路由保存在
web.php
中,将您的SPA路由保存在
router.js
中。这样,我甚至可以在
web.php
中声明任何路由?“它将打开Vue SPA,并从那里处理路由。”你能再详细一点吗?ViewJS路径如何与控制器交互?VueJS SPA路径不需要与控制器交互即可显示页面。那么,当所有SPA路径都有一个入口点,即
App.vue
,控制器、方法如何将数据发送到
.vue
文件?请查看我的laravel SPA软件包,它还没有准备好进入黄金时段,但您可能会从中获得很多信息。@wheelmaker,我试图在目录
Chapter07
下从这里删除代码:。但是URL
列表/5
App.vue
中的
路由器视图
位置没有显示任何呈现内容。
router.js
web.php
路径和路由在那里匹配。您能否将回购协议作为一个标准,以明确是什么原因使其不能呈现上述第一部分,即:是否存在任何路径相关问题或其他问题?