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]