当前位置:网站首页>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对象之间的转换了

【debug】postgres数据存储错乱

面试官:索引为什么会失效?

for 循环中的 ++i 与 i++

【2022杭电多校5 1003 Slipper】多个超级源点+最短路

【数据挖掘】搜狐公司数据挖掘工程师笔试题

知识分享|如何设计有效的帮助中心,不妨来看看以下几点

KubeSphere简介,功能介绍,优势,架构说明及应用场景

After the tester with 10 years of service "naked resignation" from the big factory...

After encountering MapStruct, the conversion between PO, DTO and VO objects is no longer handwritten
随机推荐
KubeSphere简介,功能介绍,优势,架构说明及应用场景
jMeter Thread group 对应的 constant timer
STP --- 生成树协议
搭建MyCat2双主双从的MySQL读写分离
【CAS:2306109-91-9 |胺-PEG4-脱硫生物素】价格
run command for node
【学术相关】清华教授发文劝退读博:我见过太多博士生精神崩溃、心态失衡、身体垮掉、一事无成!...
How to carry out AI business diagnosis and quickly identify growth points for cost reduction and efficiency improvement?
Configure laravel queue method using fort app manager
Web3安全风险令人生畏,应该如何应对?
js的new Function()常用方法
Interviewer: How is the expired key in Redis deleted?
Apache服务器配置多个站点
vs Code 运行一个本地WEB服务器
C语言——青蛙跳台阶(递归)
【TypeScript】深入学习TypeScript枚举
链队
知识分享|如何设计有效的帮助中心,不妨来看看以下几点
DICOM医学影像协议
明明加了唯一索引,为什么还是产生了重复数据?