我一直在寻找答案,找不到其他人遇到这个问题。我在NodeJS中使用express和Angular4中的网站。后面将图片保存在公用文件夹中,并将其路径保存在数据库中。当我尝试将网站中的这些图片用作图像源时,问题就出现了,因为angular无法在其路径中找到公用文件夹。
路径如下所示:数据库中的'./public/artwork/1508457128377.png'
我尝试在assets文件夹(这是angular的静态文件夹)中添加别名并略微更改路径,但它不起作用。这是令人惊讶的,因为它在我作为测试复制/粘贴实际公用文件夹时确实有效。在下面的代码中,gallery是一个包含图像标记的src路径的数组。
ngOnInit() {
this._fluxService.getHome().subscribe(activity => {
console.log(activity)
if (activity.length === 0) {
this.gallery = null;
} else {
activity.map((item) => {
if(this.gallery[0] === '') {
this.gallery[0] = '/assets' + item.screenshot.substring(1);
} else {
this.gallery.push('/assets' + item.screenshot.substring(1));
}
});
}
}, (err) => {
console.log(err);
return false;
});
}
前后可以共享同一文件夹的访问权限吗?公用文件夹中的图片是从Chrome扩展程序生成的,该扩展程序直接与后端通信,因此无法直接保存在资源文件夹中。至少,不是我所知道的。