Angular应用程序部署到IIS上--图片不显示（静态URLs）。

Question

我正在将一个angular 6的应用部署到IIS上，我安装了IIS重写模块，也更新了web.config文件和index.html文件的Base URL和重写规则。我安装了IIS重写模块，并更新了web.config文件和index.html文件的基本URL和重写规则。

问题是登录页面没有显示logoimages。我试着看看是什么问题。http:/localhostATSTV2#login (这显示了有控件和无图像的登录页面)

我看了一下所提到的图片，它的来源显示为 http:/localhostassetsLogo_White.png 这是不正确的。正确的图片链接是 http:/localhostATSTV2assetsLogo_White.png。

除了改变我的web.config和index.html的基本URL，我是否应该做一些全局性的改变，并确保静态URL被正确引用？

整个应用程序在本地使用Angular CLI ng serve工作得很好。但是在部署到服务器上的时候，我把它部署到IIS上，因此遵循了互联网上的一些建议方法。

Answer 1

你可以使用 deploy-url 选项来指定加载jscss文件的url。

ng build ... --deploy-url /ATSTV2/

编辑

试试修改 angular.json 文件并设置 deployUrl : "/ATSTV2/ to projects->YourProjectName->architect->build->options。

 "projects": {
    "YourProjectName": {
      ...
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            ...
            "deployUrl" : "/ATSTV2/",

Answer 2

炮制

ng build --base-href="/ATSTV2/"