在view项目中引入图片,无法在网页上显示控制台报告404 not found的错误时的三种解决方法。2188e573552a48959c45111aa719f572.png

 方法一:在src的static文件夹中,把需要用到的音频或图片放里面8ee93e01e15345a78b8c6b498c7d4df7.png

 

更改路径

4fa5e530532e48a6b1a9337a46aaeb59.png

8e0bb618bcb14b3a915eb607a49fa609.png

 刷新

4053457e6e0044e6a7f8a90674f03fbd.png

47e926d27e5846cba22bd80bd7b4c9ff.png 

8a853234a624436b8219024c19268dda.png 

 视频和图片正常显示和播放。

方法二:在src的assets文件夹中,把需要用到的音频或图片放里面

729b42f9715e4404acad61e0134269d5.png

 更改路径f1104d81c38641debc9c14ea8023ad86.png

 突然报错了

70c1f57edebf4bdda280cd4b9211452a.png

 这里报错的原因是使用了相对路径

修改路径就可以了

6bdd7631fcd44aaaaaf26163672b205a.png

22bc8cc9c4aa4623b5a728e1e79ec49e.png 

 方法三:图片在/public目录下,把图片或音频放到与index.html同级的目录下

708423c7d5374f0bb7f29bf0f80d59eb.png

 修改路径

5e19c7f37edc4e54b2d735cdf3655aab.png

191e9270225246028200ec0417df2b83.png 

 ending~

 

GitHub 加速计划 / vu / vue
85
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079 [skip ci] 3 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐