在angular2上找不到图像

时间:2016-11-16 19:14:48

标签: angular

我正在构建一个角度为2的新应用程序,当我使用angular-cli的命令(ng serve)时它工作得很好。但是,当我尝试使用命令(ng build或ng build --prod)将应用程序放在tomcat服务器上时,它无法识别我的某些图像。它不是全部,而只是2,我设置为特定组件的背景。  代码行如下:

<body [ngStyle]="{'background-image': 'url(' + '../../img/image1.jpg' + ') no-repeat fixed center' }">


<div class="panel col-lg-12" [ngStyle]="{'background-image': 'url(' + '../../img/image2.jpg' + ') repeat-x center'}">

我尝试在没有ngStyle的情况下将其设置在css文件中,但它也无法正常工作。它在ng服务上运行良好,但在我尝试构建时它不起作用。

另外,我在使用ng build时遇到了另一个问题。每当我尝试F5页面时,它都无法识别路径。如果我点击链接并且它会重定向到其他页面,它可以正常工作,但是当我尝试在网址栏上输入地址时,它不起作用(除了家庭地址)。

1 个答案:

答案 0 :(得分:0)

我认为,图片不在 dist 文件夹中,由 ng build 生成。请检查此 dist 文件夹。我认为,这仍然是 bug 。如果是,则尝试将该公共文件夹复制并粘贴到dist目录中。

希望这会对你有所帮助。

相关问题