首页 > 解决方案 > 是否可以在 Angular 中从开发模式和生产模式访问图像?

问题描述

我一直在开发模式下使用 Angular 开发我的应用程序,现在我想将其构建为生产模式以将其托管在我的 Synology Web Server 上。

在开发模式下,我在 /assets/pictures/pic_1.png 中保存了一张图片,它运行良好,但是当我进入 prod 模式时,我收到以下错误消息:

https://imgur.com/a/xZHPA9j

这就是我实现图片的方式:

<img src="../../assets/pictures/pic_1.png" />

使用此代码,它应该在开发和生产模式下都显示图片。

编辑#1

当前解决方法:

我将图片托管在我的服务器的另一个文件夹中,该文件夹可从 Internet 访问,我正在使用以下代码获取图片:

<img src="http://(x.x.x/apipfadipics/pic_1.png" />

标签: javascripthtmlangulartypescript

解决方案


推荐阅读