VueJs динамические c чанки компонентов (laravel -mix / webpack) меняют URL-адрес загрузки после i go на подстраницу - PullRequest
1 голос
/ 19 апреля 2020

Я занимаюсь разработкой многостраничного веб-приложения с использованием Laravel и VueJs. ресурсы компилируются с использованием Laravel -mix (обертка веб-пакета)

Я ленив, загружаю компоненты в vuejs route

{
    path: "/auth",
    component: () => import(/* webpackChunkName: "site" */'./components/Site'),
    children: [
        {
            name: "login",
            path: "login",
            component: () => import(/* webpackChunkName: "login" */'./components/auth/Login'),
            meta: {
                title: "Login to your account",
                breadcrumbs: [{ name: "Login", active: true }]
            }
        },
        {
            name: "register",
            path: "register",
            component: () => import(/* webpackChunkName: "register" */'./components/auth/Register'),
            meta: {
                title: "Register",
                breadcrumbs: [{ name: "Register", active: true }]
            }
        }
    ]
},

my webpack.mix.js выглядит следующим образом,

mix.webpackConfig({
    output: {
        publicPath: "public/",
        chunkFilename: mix.inProduction() ? "js/chunks/[name].[chunkhash].js" : "js/chunks/[name].js"
    },
});

я получаю куски в моем projectfolder/public/js/chunks/, что правильно.

, но моя проблема в том, что после загрузки страницы home / root,

i go в http://projecturl/auth/login это отлично работает. потому что блок login.js загружается из http://projecturl/public/js/chunks/login.js

, но когда я go до http://projecturl/auth/register , он не работает ! поскольку чанк register.js загружается из http://projecturl/auth/public/js/chunks/login.js

, кажется, что URL загрузки чанка меняется каждый раз, когда я go переходит на любую подстраницу . и этот URL-адрес подстраницы превращается в путь чанка publi c.

Пожалуйста, помогите.

...