角度：图像未在生产中加载
克里希纳（Krishna Chaitanya）
我在src / assets / images /目录中有我的图像，在html中，我像下面这样指它们
<img src="assets/images/penndot-logo-full.png" />
在开发模式下可以正常工作。但是在生产中却给出404错误。我已经使用以下命令构建了我的应用程序
ng build --prod --deploy-url /myapp --base-href /myapp
本节说明prod angle将使用base-href标签中的内容解析图像路径。我检查了已编译的index.html页面，并且base-href指向/ myapp，但图像仍未解析。
马哈茂德·法兹（Mahmoud Fawzy）
Angular利用基本href告诉路由器如何组成导航URL。如果您的应用程序位于根目录，则可以使用/作为href值，如下所示。
<base href="/">
如果使用默认值构建项目用于生产环境的Angular项目，则将生成以下index.html。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>some title</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root>Loading...</app-root>
</body>
</html>
但正如我所见，您的应用程序可能存在于生产模式下名为myapp的子文件夹中
所以你需要像这样使你的基本href <base href="/myapp/">
因此，命令中缺少的部分是斜杠的结尾，/myapp/如从斜角官方文档中看到的那样：
此外，如果它们具有相同的基础，则可以合并路由器的应用程序基础和资产的基础，/myapp/因此无需指定deploy-url：
ng build --prod --base-href /myapp/
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
Linux的官方Adobe Flash存储库是否已过时？
- 2
如何使用HttpClient的在使用SSL证书，无论多么“糟糕”是
- 3
错误：“ javac”未被识别为内部或外部命令，
- 4
Modbus Python施耐德PM5300
- 5
为什么Object.hashCode（）不遵循Java代码约定
- 6
如何正确比较 scala.xml 节点？
- 7
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 8
在令牌内联程序集错误之前预期为 ')'
- 9
数据表中有多个子行，asp.net核心中来自sql server的数据
- 10
VBA 自动化错误：-2147221080 (800401a8)
- 11
错误TS2365：运算符'！=='无法应用于类型'“（”'和'“）”'
- 12
如何在JavaScript中获取数组的第n个元素？
- 13
检查嵌套列表中的长度是否相同
- 14
如何将sklearn.naive_bayes与（多个）分类功能一起使用？
- 15
ValueError：尝试同时迭代两个列表时，解包的值太多（预期为 2）
- 16
ES5的代理替代
- 17
在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID
- 18
如何监视应用程序而不是单个进程的CPU使用率？
- 19
如何检查字符串输入的格式
- 20
解决类Koin的实例时出错
- 21
如何自动选择正确的键盘布局？-仅具有一个键盘布局
我来说两句