以 `file://` 形式运行基于 angular 7 路由的应用程序(无服务器)

天佑草莓

我有一个基于路由的角度应用程序,我想要的是将它作为 html 文件捆绑到 WebView 应用程序中,以便它可以被访问~/app_path/index.html

我成功地构建了它ng build --prod --output-path ./../ng-build并且它在浏览器中加载良好。

问题是如果我使用路由器模块,我会收到Unhandled Navigation Error警告并且路由不起作用。

我尝试使用哈希 useHash

imports: [RouterModule.forRoot(routes, {useHash: true})],

并预计它可能适用于路线,例如

`~/app_path/index.html#settings`
`~/app_path/index.html#profile`
`~/app_path/index.html#details`

但这无济于事 - 路由器在应用程序启动后立即崩溃

在此处输入图片说明

在这种file://模式下是否有任何解决方案或解决方法来实现路由或者也许是在应用程序中使用的另一种架构方法,而不是路由。

天佑草莓

根据此线程<base>href attr设置为绝对路径有助于解决路由问题

<script>document.write('<base href="' + document.location + '" />');</script>

所以基本元素看起来像这样

<base href="file:///Users/guest/build/index.html">

路由演示:

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 7 - 从服务器到应用程序获取更新的最佳方式

在 Tomcat Apache 生产服务器中部署 Angular 7 PWA 应用程序

使用 docker 在带有 Java 7 的服务器上运行 Java 8 应用程序

如何在Xampp服务器上运行Angular应用程序?

使用公共节点js服务器运行多个angular 4应用程序(渲染)

Angular 应用程序未在(Ubuntu)digitalocean 服务器上运行?

在没有服务器的情况下从file://运行Svelte应用程序

在没有服务器的浏览器中将Angular2作为静态应用程序运行

当应用程序在iOS 7中在后台运行时将数据发送到服务器

如何从在同一应用程序服务器上运行的应用程序中查找HornetQ实例?(AS7)(无法实例化InitialContextFactory)

仪表板应用程序的Angular 7多个路由器插座

angular 应用程序在本地运行,但在实时服务器上仅显示文件列表

如何在同一主机上运行Angular 2客户端应用程序和节点服务器应用程序

我们如何使用 HTTP 请求方法将 CSV 文件从 Angular 应用程序传递到在服务器上运行的节点应用程序

在无头远程服务器上运行Adobe AIR应用程序

如何使用 Angular 7 路由 Laravel 应用程序

在Linux服务器上运行两个应用程序并进行路由

Angular 2-基于文件的应用程序的路由问题

如何在没有GUI的情况下运行GUI应用程序(GUI应用程序作为无头服务器上的守护程序)?

VS 正在运行哪些命令来发布 .net 核心无服务器应用程序?

Fargate 与 Codebuild 用于在无服务器应用程序上运行端到端测试用例

基于iOS服务器的应用程序

基于服务器的应用程序的pam /广告问题

为什么我从运行指向Angular应用程序的/ dist文件夹的节点服务器时得到空白页?

在服务器上运行 Angular 应用程序时,修复来自 musickit.js 的“无法准备好空属性‘容器’”

在没有服务器的情况下在文件:///本地运行Angular 7项目

我无法在服务器VPS CentOS7中运行Yeoman generator-angular-fullstack

Angular 的路由守卫未在应用程序内运行

如何为Angular应用程序配置Weblogic应用程序服务器