Angular 在本地服务器上部署后不加载映像

Angular 在本地服务器上部署后不加载映像,angular,deployment,angular9,Angular,Deployment,Angular9,我在Agular 9的一个根模块中有一个多组件应用程序 问题是,当我通过ng build--prod部署它并将它从dist文件夹复制到本地ApacheXAMPP服务器时,除了映像之外,其他一切都正常工作 错误消息是: 加载资源失败:服务器响应状态为404(未找到) 我尝试过改变图像的路径,但没有成功 我做错了什么 在index.html中,我设置了 这是我添加的angular.json “baseHref”:“/travelAgency/”,“deployUrl”:“/travelAgency/

我在Agular 9的一个根模块中有一个多组件应用程序

问题是,当我通过ng build--prod部署它并将它从dist文件夹复制到本地ApacheXAMPP服务器时,除了映像之外,其他一切都正常工作

错误消息是:

加载资源失败:服务器响应状态为404(未找到) 我尝试过改变图像的路径,但没有成功

我做错了什么

在index.html中,我设置了

这是我添加的angular.json
“baseHref”:“/travelAgency/”,“deployUrl”:“/travelAgency/”


我以前遇到过这样的情况,如果您正在使用

src="./assets/images/image.png"
换成

src="assets/images/logo.png"

它应该可以工作

我在CSS文件中将它们定义为背景图像:#headerImageContainer{background:url(“/assets/hero image.jpg”)无重复中心;背景大小:封面;宽度:100%;高度:400px;}导入是什么意思?当我使用ng serve时,它可以工作。他说他无法解决这个问题,我收到一条红色错误消息,提示ng build--prod他说他无法解决问题,并用指针显示整个url。你确定该文件在正确的目录中有正确的名称吗?也许可以在prod mod中添加图像的url(即给出404的url)谢谢你的建议!!!当我在浏览器中检查部署的元素时,它是url(/assets/hero image.jpg),就像我在源代码中看到的一样。然后在chrome inspector中,我删除了第一个/他立即找到了图像。问题是当我在prod模式下删除第一个斜杠时,他给了我一个错误。无法解析url(“assets/hero image.jpg”)。
src="assets/images/logo.png"