Я занимаюсь разработкой многостраничного веб-приложения с использованием 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.
Пожалуйста, помогите.