我正在使用"webpack": "^2.2.1"
和react-router
路由在用户请求时动态加载组件代码。
我指定了 publicPath:'scripts /',一切似乎都运行正常,生成了正确的文件等。
但是在应用程序中,如果用户未登录,则应用会将用户重定向到/auth/login
页面,这是事情发生错误的地方。
当动态加载组件时,如果url中有路径,那么它也会附加在url请求中,所以System.import
请求正确的文件名,除非它在请求中包含/pathname/
,这会导致请求失败。
示例:
当应用加载到网址http://localhost:1337
时,所有正确的脚本请求都是make(因为它们是html),但是然后应用程序将用户重定向到/auth/login
并且因为加载了Login组件动态地,向http://localhost:1337/auth/scripts/SCRIPTFILENAME.js
由于没有auth/scripts/SCRIPTFILENAME.js
请求失败。
如何在动态请求组件时从网址中删除auth
或任何文件夹/子文件夹/路径