Почему браузер не может найти компоненты вне корневого маршрута после перезагрузки страницы?

Question

Проблема заключается в том, что если я перехожу на роут отличающийся от корневого, например /test, то после перезагрузки страницы я вижу такую ошибку: Консоль пишет что не может найти компонент по "не корневому" маршруту:

test:1 GET http://mySite/test 404 (Not Found)

Проект такого типа: laravel 7.30.6, vue 3, php 7.2, apache 7.2. Подскажите пожалуйста в чем проблема.

Роутинг сделан по такому принципу:

router.js

import { createRouter, createWebHistory } from 'vue-router';
import rootСomponent from './components/rootСomponent.vue';
import test from './components/test.vue';

const routes = [
    { path: '/', component: rootСomponent }, 
    { path: '/test', component: test },
];

const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;

app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" style="background: #F0F0F0;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Application form</title>
        <link href="{{asset('css/app.css')}}" rel="stylesheet">
        <!-- <link href="{{ mix('css/app.css') }}" rel="stylesheet"> -->
    </head>
    <body>
        <div id="app"></div>
        <script src="{{asset('js/main.js')}}"></script> 
        <!-- <script src="{{ mix('js/main.js') }}"></script>-->
    </body>
</html>

webpack-mix.js

const mix = require('laravel-mix');
require('mix-tailwindcss');

mix.setPublicPath('public');

mix.js('resources/js/main.js', 'public/js').vue();
mix.sass('resources/sass/app.scss', 'public/css').tailwind();

web.php

<?php

use Illuminate\Support\Facades\Route;

Route::get('/{any}', function () {
    return view('app');
})->where("any",".*");

.htaccess

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

    RewriteEngine On

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

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} (.+)/$
    RewriteRule ^ %1 [L,R=301]

    # Send Requests To Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>

Answer 1

Проблема решена, суть была в том что в open server вкладка "Домены" у меня папка домена была корнем проекта \myProject, а правильно \myProject\public.

БЛОГ НА HUSL

Почему браузер не может найти компоненты вне корневого маршрута после перезагрузки страницы?

Ответы (1 шт):