Laravel 8 整合 Vue 2 解决 history 路由模式 404 问题

系统管理员 2022-10-29 09:06 248阅读 0赞

app\\Exceptions\\Handler.php  
history 模式是没有 \# 的，首次进入应用后 Laravel 会匹配响应路由，当然是找不到的，视图跳转应该交给 Vue 处理，Laravel 返回 Vue.js 应用视图即可，自定义捕获 404 异常处理一下即可：

<?php
    
    namespace App\Exceptions;
    
    use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
    use Throwable;
    
    class Handler extends ExceptionHandler
    { 
        /** * A list of the exception types that are not reported. * * @var array */
        protected $dontReport = [
            //
        ];
    
        /** * A list of the inputs that are never flashed for validation exceptions. * * @var array */
        protected $dontFlash = [
            'password',
            'password_confirmation',
        ];
    
        /** * Register the exception handling callbacks for the application. * * @return void */
        public function register()
        { 
            $this->reportable(function (Throwable $e) { 
                //
            });
        }
        /** * Render an exception into an HTTP response. * * @param \Illuminate\Http\Request $request * @param \Exception $exception * @return \Illuminate\Http\Response */
        public function render($request,Throwable $exception)
        { 
            if ($this->isHttpException($exception)) { 
    // if (view()->exists('errors.' . $exception->getStatusCode())) { 
    // API服务器不需要返回视图
    // return response()->view('errors.' . $exception->getStatusCode(), [], $exception->getStatusCode());
    // }
                //404已交给Vue处理,这里返回视图即可;
                if($exception->getStatusCode()==404){ 
                    return response()->view('app');
                }
                return response()->json(['message' => '出错了'], $exception->getStatusCode());
    
            }
            return parent::render($request, $exception);
        }
    }