带有Webpack入门工具包的VS Code,无法加载资源:服务器响应状态为404

时间:2018-09-12 00:10:56

标签: visual-studio-code

我正在学习Web开发,正在用VS代码和从github克隆的webpack入门工具包构建一个基本网站。

我正在运行本地Web服务器,使我可以在localhost:8080上查看网站的更新

我正在尝试使用以下代码在我的网站上放置图片:

img src =“ src / images / logos / image.jpg” alt =“图像”

顺便说一句,我知道我缺少开始和结束标记,但是当我将它们放入代码中时,由于某种原因它们消失了。

当我使用Chrome运行网站时,看不到该图片。在VS Code的调试控制台中,我收到以下消息:

无法加载资源:服务器的状态为404(未找到)[http://localhost:8080/src/images/logos/image.jpg]

然后我的问题是,如何获取VS Code,而不是在localhost:8080中查找我的网站实际位于的目录中的媒体文件?如果您需要更多信息,请告诉我。非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我找到了自己问题的答案。我需要将媒体放在“ dist”文件夹中,而不是在“ src”文件夹中。现在,图像出现了。