vued中图片路径与主机路径相关联，例如img:‘http://127.0.0.1:8000/media/data/els.jpg‘

本文主要是介绍vued中图片路径与主机路径相关联，例如img:‘http://127.0.0.1:8000/media/data/els.jpg‘，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.在Django项目的settings.py文件中，确保已指定正确的MEDIA_URL和MEDIA_ROOT。MEDIA_URL定义了图片的URL前缀，MEDIA_ROOT定义了本地文件系统中存储图片的路径。

2.在 Django 项目的主 urls.py 文件中，确保包含了适当的 URL 配置，以便将媒体文件服务到 MEDIA_URL 路径下的 URL。

from django.views.static import serve
from django.urls import path, re_path, include
from django.conf import settings#设置静态路径访问接口re_path(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}),                                     # 静态资源访问接口

3.vue使用

<img :src="imgurl" alt="Image">this.imgurl = 'http://localhost:8000/media/res/file/' + this.imgurls[this.currentIndex]

这篇关于vued中图片路径与主机路径相关联，例如img:‘http://127.0.0.1:8000/media/data/els.jpg‘的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---