首页 > 解决方案 > 为什么 IIS 托管 Angular 8 应用程序提供奇怪的 JavaScript 内容?

问题描述

我有一个 Angular 8 应用程序,它可以在我的机器上运行。但是当我构建它并将它部署到 IIS 时,我得到一个空白页面,但奇怪的是它正在用外语提供我的 JavaScript:

⨪⨪⨪⨪⠠畦据楴洨⠠畦据楴洨⠠畦挚汵⁻洨捾獥慰正潂⨪⨪⼪ठ上班椠狝预防汬䠠

polyfill.bundle.js: 敷灢捡䩫潳灮嬨瀢毹汩獬峬第ਊ⨯⨪ ⸢⼮⸮ⸯ⼮⸮ⸯ⼮牳生溃祬楦汬⹳獴㨢⨪⼪ 但是打开文件,或者下载它在另一个选项卡中显示:

webpackJsonp(["polyfills"],{

/***/ "../../../../../src/polyfills.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

然后,我将 IIS 应用程序指向它工作的 IIS 站点的 dist 文件夹。但是,如果我将文件复制到其他地方并托管它们,我就会遇到上述问题。有一次,我将文件从 dist 复制到问题位置,并将文件从 html 更改为上述文件。我必须复制并粘贴文件内容,然后才能在 vs 代码中正确显示。但在 IIS 中,它仍然提供上述服务。

我错过了一些非常明显的东西吗?有人见过这个吗?会不会是磁盘问题?其中一些文字翻译为“汤汤”。

显示内容的屏幕截图

ng build --base-href /client/在 Azure DevOps 中运行,部署了应用程序,但它显示了相同的症状。但是,当我将 IIS 指向手动构建的 ng dist 文件夹时,它可以工作。如果我将该路径复制到其他地方,我会得到上面的文字

标签: angulariis

解决方案


推荐阅读