问题标签 [html5mode]

我有一个平均堆栈网站，在index.html我有<base href="/1/" />.

我正在尝试通过使用普通webpack来集成摩纳哥编辑器的 ESM 版本。

我可以成功生成文件夹中的所有捆绑文件dist。

现在，在app.js我添加app.use(express.static(path.join(__dirname, 'dist')))和在index.html我添加<script src="/app.bundle.js"></script>. 结果，加载网页加载良好http://localhost:3000/app.bundle.js，指向正确的文件。

但是，当我加载 monaco-editor 时，它会加载例如， http://localhost:3000/1/3.bundle.js并且http://localhost:3000/1/11.bundle.js由于 base 无法指向正确的文件/1/。

有谁知道如何解决这一问题？

PS：我想知道：

1. 有没有办法让 webpack 生成例如， http://localhost:3000/3.bundle.js并且http://localhost:3000/11.bundle.js没有基础/1/？

2. 有没有办法让 AngularJS 或 NodeJS 仍然以http://localhost:3000/1/*.bundle.jslike的形式加载好文件http://localhost:3000/1/3.bundle.js？

我将我的 angular.js 项目转换为 html5mode 一切正常，直到我尝试刷新我的页面。我做了一些研究，发现它与服务器端有关。

<base href="/index.html">我在一切之前添加到我的 index.html 中。

然后添加$locationProvider.html5Mode(true).hashPrefix('!');到我的应用程序配置中。

正如其他问题中所建议的那样，我将这些行添加到我的 .htaccess

但我的问题还在继续。

我应该怎么办 ？

嗨，有没有人将应用程序部署到 azure 应用服务并让历史模式工作？我一直在尝试打开和关闭，但无法让它工作：S

我使用 connect-history-api-fallback 并且我的 package.json 看起来像这样：

我在根目录中有一个 server.js 文件，如下所示：

有谁知道我是否需要做更多的事情，或者可以在某处看到问题：S

最好的问候丹尼尔

我的 AngularJS 项目使用html5mode，我做这些代码来打开 html5mode

• 在 HTML 中：

• 在 JS 中：

注意：这/features-A/不是我项目中的实际文件夹，它只是AWS CloudFront中定义的一种行为，因为我们也有一些/features-B指向其他项目的URL，我们只需要知道：是否通过“ http:// ”访问myhost.com ”或“ http://myhost.com/features-A/ ”是我项目的入口文件：index.html

这是浏览器的作用：

1. 当转到我的“登录”页面时，地址栏中的 URL 是

   http://myhost.com/features-A/signin

2. 当转到“主页”页面时，地址栏中的 URL 是

   http://myhost.com/features-A/ome

如我们所见，AngularJS 通过HistoryAPI 将 URL 添加/features-A/到 URL 中

我想要的是

1. 当人们访问“登录”时，该 URL 没有/features-A/：

   http://myhost.com/signin

2. 当人们访问“主页”页面时，该 URL 具有/example：

   http://myhost.com/features-A/home

这将使我们的网站看起来像登录页面是一个独立的和外部的系统/features-A/。

我试过的

我尝试了一些解决方案，但没有奏效：

1. 在事件中动态设置基本 hrefstateChangeSuccess但 URL 仍然更改
2. 使用 HTML5 历史 APIpushState和replaceState函数，这样会导致页面无限刷新

那么，有没有办法解决这个问题呢？

我正在 Google Cloud (App Engine) 上部署我的 Angular 7 应用程序。

该应用程序运行良好，但我有一些问题......

首先是如何处理 html5 模式，这样当我在路由上（例如https://myapp.com/my-route/）并且我刷新浏览器时，服务器应该回复我的 index.html，并且角度应该执行路由，而不是返回 404 错误页面。

我怎样才能做到这一点？你能帮助我吗？

非常感谢！

我有一个在 .net 框架上运行的 angularjs 应用程序。当我尝试在 .net 核心上运行它时，我无法修复刷新页面时的 html5mode 后备错误 404

我已经尝试为 url 重写和创建中间件创建 web.config。

我想使用 URL Rewrite 在 .net 核心上运行 angularjs html5mode

我有很多 .PNG 图像，编号从 1 到 259，总大小为 250kb。当应用程序在离线模式下使用时，我需要这些图像作为缩略图可用。所以我创建了包含所有这些资源的清单，然后使用 html5 指令将清单添加到应用程序的主页，但应用程序无法脱机运行。这是下面的清单；

我以前使用过清单，但文件数量有限，但效果很好……我不知道为什么这不起作用。有没有办法解决这个问题？任何可行的解决方案将不胜感激。谢谢你。

启用html5Mode后，我的$routeProvider不再工作。我在这篇文章中看到了同样的问题，但没有什么对我有用。我什至不知道从哪里开始，因为它似乎适用于我遇到的所有其他示例。

我正在使用Express路由到 /index，它工作得很好，但只显示了顶部导航栏。ng-view没有加载任何错误。

我的网址结构：

• Before: localhost:3000/index#/ //这在我启用 html5Mode 之前有效
• After: localhost:3000/index/ //一旦开启 html5Mode 这个就不行了

我的 index.html 文件：

我的 angularApp.js 文件：

我的快递应用程序：

我最终看到的只是网站上的导航栏，而 ng-view 部分中没有其他内容。我想从这里得到一些指导。根据我的发现，这些建议都没有奏效。我没有添加

好的，所以这个问题源于这篇文章，这也是我的问题，但有点转移到这个问题上。

现在的问题是，我的 Angular 应用程序可以工作，但是当涉及到 Node 路由时，例如/login，浏览器认为它是 Angular 路由。当我刷新整个页面时，浏览器确实将其检测为节点路由，但当我在 Angular 路由启动后导航站点时不会检测到它。

长话短说，这是我的路线文件：

routes.js 文件：

默认.js：

您的帮助将不胜感激。

谢谢

我添加了行

在我的 webapp 的 app.js 中，以便从 URL 中删除“#”符号。一旦添加了这一行（即使只导入 locationProvider），我网站中的所有请求都会重定向到 http（端口 80）。

我需要使用https，有人可以帮助我吗？

谢谢，劳拉