How to set up Laravel + Vue 3 routing?

Question

Vue.js

Having trouble with routes in Laravel 8 & Vue 3. Basically, routing works fine, here is my routes file:

import {createRouter, createWebHistory} from 'vue-router'
import Home from "../comonents/Home";
import Articles from "../comonents/Articles";
import Laravel from "../comonents/Laravel";

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/laravel',
        name: 'Laravel',
        component: Laravel
    },
    {
        path: '/articles',
        name: 'Articles',
        component: Articles
    },

]

const router = createRouter({
    routes,
    history: createWebHistory(process.env.APP_URL),
})

export default router;

Everything works if you click on the links. But if you enter the address directly in the browser, it displays a 404 page.
If you use the createWebHashHistory function, everything works, but the hash sign appears in the address bar - #
Read about server settings here - https://router.vuejs.org/ru/guide/essentials /histo... , did as written for Apache, did not help. Wrote hash: false, didn't help either.