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

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

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

python 复制代码
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使用

javascript 复制代码
<img :src="imgurl" alt="Image">

this.imgurl = 'http://localhost:8000/media/res/file/' + this.imgurls[this.currentIndex]
相关推荐
软件2059 小时前
【vue3主题切换】
vue
结衣结衣.15 小时前
Vue3入门-计算属性+监听器
前端·javascript·vue.js·vue·js
unicrom_深圳市由你创科技16 小时前
使用Django框架构建Python Web应用
前端·python·django
ku_code_ku16 小时前
Django由于数据库版本原因导致数据库迁移失败解决办法
后端·python·django
LuckyLay18 小时前
1.2.2 高级特性详解——AI教你学Django
python·django·sqlite
【本人】19 小时前
Django基础(三)———模板
后端·python·django
言之。20 小时前
Django中get()与filter()对比
数据库·django·sqlite
小王子102420 小时前
Django 实战:I18N 国际化与本地化配置、翻译与切换一步到位
django·国际化·i18n·web开发
Mr数据杨21 小时前
【Dv3Admin】菜单管理集成阿里巴巴自定义矢量图标库
python·django