图像没有显示从自耕农的视图文件内置角应用程序

Question

我使用Yeoman和AngularJS构建了一个应用程序（使用generator-angular）。

使用grunt服务在本地运行时，一切正常。但是，在运行grunt构建和部署应用程序之后，视图中的图像具有不正确的URL。

我的目录结构如下（只是解释这个问题所需的部分）：

/app
    /images
        eiffeltower.png
    /views
        my-view.html
    index.html
/dist
    /images
        eiffeltower.png
    /views
        my-view.html
    index.html

在视图 my-view.html 中，我有一些代码如下：

<img src="../images/eiffeltower.png">

使用 grunt build 构建应用后，我使用网址转到应用：

localhost/angularapp/dist/#/my-view

图片的html看起来像<img scr="../images/eiffeltower.png">，但图片显示为404.如果我使用Google检查器并将img scr编辑为此<img scr="images/eiffeltower.png">，则会显示。

我没有修改任何Gruntfile.js。如何通过grunt正确处理角度视图中的图像？

感谢。

Answer 1

角度应用是单页面应用。对于浏览器，所有内容都与index.html相关，因此，将url设置为与index.html相关的其他资源 如果你在src中引用你的图像，比如src =＆＃34; images / eiffeltower.png＆＃34;它应该从咕噜声和来自dist的工作正常。