当前位置:网站首页>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当中
边栏推荐
猜你喜欢
随机推荐
IPV6地址
常用正则表达式[通俗易懂]
【编程思想】
web漏洞扫描器-awvs
MySQL field type
win10 uwp 使用 ScaleTransform 放大某个元素
ASP.NET商贸进销存管理系统源码(带数据库文档)源码免费分享
idea2021版本添加上一步和下一步操作到工具栏
3. Byte stream and character stream of IO stream
【2022牛客多校5 A题 Don‘t Starve】DP
How to train a deep learning model?
在vs code中进行本地调试和开启本地服务器
Win10 uwp use ScaleTransform magnify an element
About the state transfer problem of SAP e-commerce cloud Spartacus UI SSR
【一起学Rust | 进阶篇 | Service Manager库】Rust专用跨平台服务管理库
多商户商城系统功能拆解22讲-平台端分销商品
某男子因用本地虚拟机做压测,惨遭字节面试官当场嘲笑
jekyll 在博客添加流程图
简单理解 JS 事件循环
数据仓库(1)什么是数据仓库,数仓有什么特点