html 文件 src 路径错误和 404 未找到

Posted 2023-02-22

【中文标题】html 文件 src 路径错误和 404 未找到

【英文标题】：html file src path errror and 404 not found

【发布时间】：2020-04-23 22:13:54

【问题描述】：

我想查看我的网页的 img 或 pdf 文档。但由于路径写入，我无法显示 img 或 pdf。

我有一个目录，它有一个 vue 文件，pdf 和 img。我想在我的 vue.js 文件中运行这些文件，但它给了我 error 404 not found。这很奇怪。

相同的目录，但它运行：

localhost:8080/deneme.jpg

但我想要

path='localhost:8080:/#/src/assets/DemoPages/Hasta/deneme.jpg'

怎么了？

<div class="widget-content-left mr-3">
     <img src="deneme.jpg">
</div>

【问题讨论】：

改进格式

如果.jpg文件和.vue文件在同一个文件夹，可以使用src="./deneme.jpg"。

谢谢。img 工作正常，但 pdf 仍然找不到

【参考方案1】：

您可以在资产 src 前添加 /。它应该可以解决问题。添加/ 将使其查看绝对路径而不是相对路径。

代码：

div class="widget-content-left mr-3">
     <img src="/deneme.jpg">
</div>

【参考方案2】：

尝试使用require

<img :src="require('deneme.jpg')"> // deneme.jpg is path from this file to image