当前位置:网站首页>moke、动态图片资源打包显示
moke、动态图片资源打包显示
2022-08-04 21:00:00 【半夜删你代码·】
moke
使用mockjs来模拟数据接口(其实和ajax差不多,mock其实就是给我们的json数据指定一个url路径去做请求)
1、准备json数据
2、安装mockjs
3、使用mockjs来模拟提供接口地址
4、在main中引入mockServer.js
5、在ajax当中修改Ajax中的baseUrl 为 /mock 变为一个新的文件 mockAjax
mock会拦截我们的ajax请求,不会真正去发送请求。(发送请求是往本地发的,没有往后端发,请求的数据也是本地的)
动态图片资源打包显示
如果是静态页面,div和img都是存在的,webpack在打包的时候就会把div和img进行打包
并且会根据img的src找到对应的静态资源图片一起打包,所以不会出问题
如果是动态页面,div和img都是根据请求回来的动态数据进行遍历产生的,也就是说webpack在
打包的时候,div和img不存在,因此打包完成后,图片根本没有被打包的指定位置,所以我们需要
自己把需要的静态图片资源,给放到打包后位置,其实就是开发阶段publick当中
边栏推荐
猜你喜欢
遇到MapStruct后,再也不手写PO,DTO,VO对象之间的转换了
微信小程序云开发 | 赠、删、改城市名称信息的应用实现
【2022牛客多校5 A题 Don‘t Starve】DP
Interviewer: How is the expired key in Redis deleted?
Tear down the underlying mechanism of the five JOINs of SparkSQL
【一起学Rust | 进阶篇 | Service Manager库】Rust专用跨平台服务管理库
SAP ABAP OData 服务如何支持 $select 有选择性地仅读取部分模型字段值试读版
帝国CMS仿核弹头H5小游戏模板/92game帝国CMS内核仿游戏网整站源码
腾讯云胡启明:Kubernetes云上资源的分析与优化
【2022杭电多校5 1012题 Buy Figurines】STL的运用
随机推荐
Interviewer: How is the expired key in Redis deleted?
两种白名单限流方案(redis lua限流,guava方案)
LINQ to SQL (Group By/Having/Count/Sum/Min/Max/Avg操作符)
CAS :80750-24-9(脱硫生物素 NHS 酯)
Getting Started with Lattice Passwords
C#移动OA办公系统源码(基于微信企业号)
Apache服务器的配置[通俗易懂]
该如何训练好深度学习模型?
简述@RequestParam与@RequestBody参数注解
KubeSphere简介,功能介绍,优势,架构说明及应用场景
基于单向链表结构的软件虚拟定时器的设计与构建
[TypeScript] In-depth study of TypeScript enumeration
搭建MyCat2双主双从的MySQL读写分离
C语言之实现扫雷小游戏
vs Code runs a local web server
【CAS:2306109-91-9 |胺-PEG4-脱硫生物素】价格
长时间序列遥感数据处理及在全球变化、物候提取、植被变绿与固碳分析、生物量估算与趋势分析等领域中的应用
Uniapp微信雪糕刺客单页小程序源码
Big capital has begun to flee the crypto space?
visual studio 2015 warning MSB3246