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]
相关推荐
csj5021 分钟前
前端基础之《Vue(22)—安装MongoDB》
前端·vue
MZ_ZXD00114 小时前
flask校园学科竞赛管理系统-计算机毕业设计源码12876
java·spring boot·python·spring·django·flask·php
LuckyLay15 小时前
1.1.5 模块与包——AI教你学Django
python·django·sqlite
LuckyLay15 小时前
Django专家成长路线知识点——AI教你学Django
后端·python·django
寻觅~流光16 小时前
封装---统一封装处理页面标题
开发语言·前端·javascript·vue.js·typescript·前端框架·vue
Q_Q196328847516 小时前
python的平安驾校管理系统
开发语言·spring boot·python·django·flask·node.js·php
好青崧16 小时前
单页面和多页面的区别和优缺点
前端·vue
程序猿小D17 小时前
[附源码+数据库+毕业论文+答辩PPT+部署教程+配套软件]基于SpringBoot+MyBatis+MySQL+Maven+Vue实现的交流互动管理系统
spring boot·mysql·vue·mybatis·毕业论文·答辩ppt·交流互动
好青崧1 天前
v-show和v-if的区别
vue
小王子10241 天前
Django 实战:Celery 异步任务从环境搭建到调用全掌握
django·celery