使用 vue js 时 Laravel 路由不起作用答案

【问题标题】：Laravel Routes not working when using vue js使用 vue js 时 Laravel 路由不起作用
【发布时间】：2021-06-02 06:42:00
【问题描述】：

我在 laravel 中使用 vue js，我希望我的 SPA 从主页开始，我希望正常登录到主页。当我从欢迎页面访问登录路径时，它工作正常并给了我登录表单，like in the image here

当我想通过 xampp localhost 访问我的应用程序时，我的登录路径不起作用并给我一个 404 错误。like in the image here

如果有人可以帮助我，我将不胜感激

【问题讨论】：

还有一件事，如果我在没有使用欢迎页面上的登录按钮的情况下进入登录页面，而只是在我的浏览器“localhost/Laravel/todo/public/login”中的 url 上写入登录名。它有效。
你想像 localhost/laravel 这样从根路径运行项目吗？
@SachinKumar 是的，我的 laravel 项目位于 laravel 文件夹中，该文件夹是 htdocs 中的一个文件夹。其中一个项目是我想要运行的 todo。使用 php artisan serve 运行良好。

标签： laravel vue.js routes

【解决方案1】：

从根文件夹而不是 artisan serve 命令运行 Laravel 项目

选项 1。

将根目录下的“server.php”文件重命名为“index.php” 将您的 .htaccess 从公用文件夹移动到根目录

选项 2。

你也可以在项目文件夹的根目录下制作.htaccess文件，内容如下

.htaccess

<IfModule mod_rewrite.c>

    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    RewriteEngine On

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    RewriteCond %{REQUEST_FILENAME} -d [OR]
    RewriteCond %{REQUEST_FILENAME} -f
    RewriteRule ^ ^$1 [N]

    RewriteCond %{REQUEST_URI} (\.\w+$) [NC]
    RewriteRule ^(.*)$ public/$1

    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ server.php

</IfModule>

【讨论】：