ANGULAR 11 - 当我构建角度 Web 应用程序并部署托管时,无法从资产中获取图像



我有一个Angular11 web应用程序。当我构建并部署应用程序到我的主机时,有一个"GET http//../assets/image.png"错误。我不知道怎么解决?有人能帮帮我吗?

下面是我的HTML代码:

<img class="pic" src="../../assets/pic.png" alt="">

**我确信我的图像路径是绝对正确的。

和angular.json:

"assets": [
"src/favicon.ico",
"src/assets",
"src/.htaccess"
],

我已经尝试将<img class="pic" src="../../assets/pic.png" alt="">更改为<img class="pic" src="/assets/pic.png" alt="">,但不工作。

我也意识到,当我将它移动到(public-html/fileName/MYAPPISHERE)路径到主机,但错误是像"GET https//...../assets/image.png"。难道它不应该像"https//..com/fileName/assets/image.png"?

如果是手动部署/构建,我猜你错过了允许你指定应用程序部署在子文件夹的base-href选项。所以命令应该是这样的:

ng build --prod --base-href /fileName/

告诉构建器使用指定的子文件夹构建路径(到资产和API调用以及其他)。

最新更新