Aurelia路由-使用Webpack Dev Server时,使用F5重新加载网站会导致错误的捆绑URL
我对Aurelia不熟悉,一直在正确设置带有Aurelia路由-使用Webpack Dev Server时,使用F5重新加载网站会导致错误的捆绑URL,webpack,aurelia,Webpack,Aurelia,我对Aurelia不熟悉,一直在正确设置带有pushState选项的路由。我有两个路由(一个用于列表视图,一个用于详细视图)。当我加载时http://localhost:8080,捆绑包已正确加载: 但是,当我只需按F5键重新加载带有http://localhost:8080/applicants/1是地址栏中的当前URL,则捆绑包未正确加载,因为现在申请人是捆绑包URL的一部分: 我的路由器配置如下所示: 从“aurelia路由器”导入{RouterConfiguration}; 从“au
pushState
选项的路由。我有两个路由(一个用于列表视图,一个用于详细视图)。当我加载时http://localhost:8080,捆绑包已正确加载:
但是,当我只需按F5键重新加载带有http://localhost:8080/applicants/1
是地址栏中的当前URL,则捆绑包未正确加载,因为现在申请人
是捆绑包URL的一部分:
我的路由器配置如下所示:
从“aurelia路由器”导入{RouterConfiguration};
从“aurelia框架”导入{PLATFORM};
导出类应用程序{
配置路由器(配置:路由器配置):无效{
config.options.pushState=true;
config.options.root='/';
config.map([
{
路由:“”,
姓名:'申请人',
moduleId:PLATFORM.moduleName('./申请人列表/申请人列表'),
标题:“申请人”
},
{
路线:'申请人/:id',
姓名:'申请人详细信息',
moduleId:PLATFORM.moduleName(“/申请人详细信息/申请人详细信息”),
标题:“申请人详细信息”
}
]);
}
}
列表视图仅使用常规HTML标记进行导航:
申请人名单
-
-
细节视图的实现应该无关紧要,但无论如何,这里是:
导出类应用程序列表{
id:编号;
激活(查询参数:{id:number}):无效{
this.id=queryParameters.id;
}
}
我找不到任何有用的东西,无论是在报纸上,还是在他们的报纸上。当我切换到基于散列的路由时,它可以正常工作
提前感谢您的帮助。写下这个问题后不久,我意识到HTML元标记
base
不是由Aurelia CLI配置的。要修复它,请转到webpack.config.js
并搜索包含const baseUrl=''
的行。这应该更改为const baseUrl='/'
。您可能需要重新启动Webpack Dev服务器才能使其生效(npm run start
或warn start
)