Angular2加载图像

我在包含图像，脚本或css应用程序与angular2中的问题。我在文件夹/app-name/img/image.jpg形象和<img>标签是 /app-name/src/app/my-component/my-component.component.html：Angular2加载图像

<img src="../../../img/image.jpg">

当我加载页面时，我得到错误： GET http://localhost:4200/img/image.jpg 404（未找到）

如何创建angular2 URL地址？同样的问题是当我在index.html中添加脚本url时。

感谢您的建议。

2017-05-25 bluray

如果您正在使用角CLI来构建项目。

您需要将您的img目录包含在需要复制到输出（可部署）目录的资产列表中。

在.angular-cli.json文件，添加img目录下面的数组：

apps[0].assets

然后你就可以使用如下

<img src="img/image.jpg">

它会像

"apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "img" 
    ],

2017-05-25 06:20:08

好像你没有包括您img文件夹到你src文件夹，所以尽量把它放在那里，并调整src属性值/img/image.jpg

一般

：让你想在你里面使用确保一切应用程序在您的src文件夹中。那里的内容（并且只有那个内容）最终将被用于处理（传输，捆绑，缩小等），然后最终放入网络服务器。

的src文件夹之外的所有其他文件都是用于其他目的，如配置文件，node_modules，DIST文件夹等

2017-05-25 06:15:41

它不起作用。我可以为所有的href或src添加“基本网址”吗？ – bluray

你的img在“/app-name/src/img/image.jpg”，你的href指向“/img/image.jpg”？ –

回答