当前位置:网站首页>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当中
边栏推荐
- [Data Mining] Written Exam Questions for Sohu Data Mining Engineers
- Unreal 本地化 国家化 多语言
- Oreo域名授权验证系统v1.0.6公益开源版本网站源码
- 1、File对象学习
- 零知识证明笔记——私密交易,pederson,区间证明,所有权证明
- 机器学习_02
- After encountering MapStruct, the conversion between PO, DTO and VO objects is no longer handwritten
- Win10 uwp use ScaleTransform magnify an element
- 简述@RequestParam与@RequestBody参数注解
- Apache服务器的配置[通俗易懂]
猜你喜欢
随机推荐
PriorityQueue类的使用及底层原理
漫画 | 老板裁掉我两周后,又把我请回去,工资翻番!
run command for node
二叉搜索树解决硬木问题
88.(cesium之家)cesium聚合图
明明加了唯一索引,为什么还是产生了重复数据?
三种方式设置特定设备UWP XAML view
项目难管理?先学会用好甘特图(内附操作方法及实用模板)
Unreal 本地化 国家化 多语言
2022-8-4 第七组 ptz 锁与线程池和工具类
Qt Designer生成的图形可以自适应窗口的大小变化
C语言小笔记+题
【2022杭电多校5 1012题 Buy Figurines】STL的运用
C语言之实现扫雷小游戏
【debug】postgres数据存储错乱
[Data Mining] Written Exam Questions for Sohu Data Mining Engineers
用 Excel 爬取网络数据的四个小案例
[TypeScript] In-depth study of TypeScript enumeration
数据仓库(1)什么是数据仓库,数仓有什么特点
[AGC] Build Service 1 - Cloud Function Example