基于 Laravel API 后端和 Vuejs 前端构建

Question

如果这个方法行之有效，我需要一些帮助。

首先，我有一个使用 Laravel 和 Laravel Passport 创建的后端 API 服务器。其次，我还在同一项目中使用 Vuejs 创建了前端。因此，我将需要同时使用 api.php 和 web.php 路由。我还使用 vue-router.

重定向这些路由

后端

在 web.php 路由中，我使用了两条不同的路由，因为我想在我的登陆站点上显示通用内容，而另一个作为需要身份验证的仪表板。

示例：

web.php

同上，这是为了抓取直接在地址栏中操作404 Not Found的路由，正确重定向到各自的页面。我最终还得到了两个不同的 blade 模板，分别命名为 dashboard.blade.php 和 home.blade.php。这对 Laravel-Vuejs 项目来说是一种好的做法吗？或者有什么方法可以推荐吗？

dashboard.blade.php

home.blade.php

登录页面使用登录页面布局到仪表板页面的另一个布局的登录相关问题

我在使用密码授权进行 API 登录时遇到的问题是登录页面没有正确重定向到仪表板页面。 URL 路由确实发生了变化，但页面呈现为空白。

此处使用axios登录：

Answer 1

我已经解决了这个问题。

在 web.php 中，因为我们有

Route::get('/dashboard/{any?}', function () {
    return view('dashboard');
})->where('any', '^(?!.*api).*$[\/\w\.-]*');

在我的 Login.vue 重定向处理程序中，我使用 location.href = '/dashboard' 而不是 this.$router.push('dashboard')。

基于 Laravel API 后端和 Vuejs 前端构建

Building on Laravel API backend and Vuejs frontend

laravel

vue.js

vue-router

vuex

后端

示例：

登录页面使用登录页面布局到仪表板页面的另一个布局的登录相关问题