如何到达公共目录

我在我的项目中使用angular-cli，我想使用全局图像 - 我的网站徽标图像。如何到达公共目录

据我了解，该项目的根目录（angular-cli创建）的public目录用于公共资产 - 这似乎是一个放置我的图像的好地方（如果我错了，请纠正我）。

但是，当我尝试在<img src="/public/book4u-logo.svg" />标记中找到该图像时，我得到了404。原因当然是，我的项目根目录是src目录，而不是项目根目录。

那么，我应该怎么去那个目录？或者我应该把我的图像放在另一个目录中？

我的项目树（我删除不必要的SUFF）：

. 
├── angular-cli-build.js 
├── angular-cli.json 
├── package.json 
├── public 
│ ├── book4u-logo.svg 
│ └── hero-image-default.jpg 
├── src 
│ ├── app 
│ │ ├── bfy.component.html 
│ │ ├── bfy.component.scss 
│ │ ├── bfy.component.ts 
│ │ ├── environment.ts 
│ ├── favicon.ico 
│ ├── index.html 
│ ├── main.ts 
│ ├── system-config.ts 
│ ├── tsconfig.json 
│ └── typings.d.ts 
├── tslint.json 
└── typings.json

的img标签是和图像本身是/public/book4u-logo.svg。

来源

2016-06-19 Nir

'SRC /共享/资产/ IMG /'是有道理的我。 –

它应该只是''。'public /'中的所有内容都被复制到'dist /'，这是您的应用的“根文件夹”。 – Sasxa