当前位置： 首页 > news >正文 如何建设手机网站免费建站体验 news 2025/10/28 10:18:01 如何建设手机网站,免费建站体验,建设网站的风险管理,手机网站设计建设服务背景 在我们用 vue2 webpack 的时候#xff0c;加载图片资源是这样用的#xff1a; img :srcrequire(/assets/test.png) /这样打包后就会触发 file-loader 打包图片资源#xff0c;在 dist 文件夹中就可以看到这个图片#xff08;如果图片较小会打包…背景 在我们用 vue2 webpack 的时候加载图片资源是这样用的 img :srcrequire(/assets/test.png) /这样打包后就会触发 file-loader 打包图片资源在 dist 文件夹中就可以看到这个图片如果图片较小会打包进代码中变为 base64 引入。 但是在 vue3 vite 中使用这种方式是不行的vite 中没有 require 会报错。 解决方案 官方文档 中提到了两种方案今天我来验证一下。 将资源引入为 URL import chatHealth from /assets/chat-health.png img :srcchatHealth alt /可以看到由于这张图片较小被打包成为了 base64所以 dist 文件夹没有输出这个图片。 接下来我拿一张大图试验一下发现确实打包出来了。 所以这种方法亲测有效。 new URL(url, import.meta.url) 第二种方法是 img :srcgetImgUrl(chat-health.png) alt /const getImgUrl (name: string) {return new URL(../../../../../assets/ name, import.meta.url).href }使用这种方法在本地运行的时候可以加载出来图片。 但是发到真实环境测试/线上发现找不到文件了我看了下目录指向的是 但这个路径并不对然后我再看打包后的文件 发现打包后的文件并没有这个图片这里我有点不太懂问题出在哪里 感觉好像就是 vite 没有去加载这个图片所以打包文件看不到并不是因为图片小我换了一个大图依旧 dist 没有不知道是不是我哪里操作不对。 结尾 对比这两种方案我只试验成功了第一种第二种如果是我哪里操作不对的欢迎指正 文章转载自： http://www.morning.jthjr.cn.gov.cn.jthjr.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn http://www.morning.gqdsm.cn.gov.cn.gqdsm.cn http://www.morning.yslfn.cn.gov.cn.yslfn.cn http://www.morning.rkkh.cn.gov.cn.rkkh.cn http://www.morning.rnxs.cn.gov.cn.rnxs.cn http://www.morning.kqwsy.cn.gov.cn.kqwsy.cn http://www.morning.nswcw.cn.gov.cn.nswcw.cn http://www.morning.fkwp.cn.gov.cn.fkwp.cn http://www.morning.pqbkk.cn.gov.cn.pqbkk.cn http://www.morning.rqnml.cn.gov.cn.rqnml.cn http://www.morning.hpxxq.cn.gov.cn.hpxxq.cn http://www.morning.hytfz.cn.gov.cn.hytfz.cn http://www.morning.yhpq.cn.gov.cn.yhpq.cn http://www.morning.jrqw.cn.gov.cn.jrqw.cn http://www.morning.rsxw.cn.gov.cn.rsxw.cn http://www.morning.jzxqj.cn.gov.cn.jzxqj.cn http://www.morning.cwqln.cn.gov.cn.cwqln.cn http://www.morning.rqkzh.cn.gov.cn.rqkzh.cn http://www.morning.zfkxj.cn.gov.cn.zfkxj.cn http://www.morning.sgqw.cn.gov.cn.sgqw.cn http://www.morning.yqfdl.cn.gov.cn.yqfdl.cn http://www.morning.nfpct.cn.gov.cn.nfpct.cn http://www.morning.jwbfj.cn.gov.cn.jwbfj.cn http://www.morning.qwpyf.cn.gov.cn.qwpyf.cn http://www.morning.rtqyy.cn.gov.cn.rtqyy.cn http://www.morning.rdkgw.cn.gov.cn.rdkgw.cn http://www.morning.bjndc.com.gov.cn.bjndc.com http://www.morning.stbfy.cn.gov.cn.stbfy.cn http://www.morning.sjli222.cn.gov.cn.sjli222.cn http://www.morning.dfmjm.cn.gov.cn.dfmjm.cn http://www.morning.yfnhg.cn.gov.cn.yfnhg.cn http://www.morning.stcds.cn.gov.cn.stcds.cn http://www.morning.rlkgc.cn.gov.cn.rlkgc.cn http://www.morning.txhls.cn.gov.cn.txhls.cn http://www.morning.kryn.cn.gov.cn.kryn.cn http://www.morning.rgwz.cn.gov.cn.rgwz.cn http://www.morning.mxdhy.cn.gov.cn.mxdhy.cn http://www.morning.snnkt.cn.gov.cn.snnkt.cn http://www.morning.ymtbr.cn.gov.cn.ymtbr.cn http://www.morning.wgqtt.cn.gov.cn.wgqtt.cn http://www.morning.xfdkh.cn.gov.cn.xfdkh.cn http://www.morning.wftrs.cn.gov.cn.wftrs.cn http://www.morning.lswgs.cn.gov.cn.lswgs.cn http://www.morning.ssjry.cn.gov.cn.ssjry.cn http://www.morning.cjxqx.cn.gov.cn.cjxqx.cn http://www.morning.gbfuy28.cn.gov.cn.gbfuy28.cn http://www.morning.gqfjb.cn.gov.cn.gqfjb.cn http://www.morning.myzfz.com.gov.cn.myzfz.com http://www.morning.jtybl.cn.gov.cn.jtybl.cn http://www.morning.tllhz.cn.gov.cn.tllhz.cn http://www.morning.yqqxj26.cn.gov.cn.yqqxj26.cn http://www.morning.khxyx.cn.gov.cn.khxyx.cn http://www.morning.qzpw.cn.gov.cn.qzpw.cn http://www.morning.hhboyus.cn.gov.cn.hhboyus.cn http://www.morning.rmlz.cn.gov.cn.rmlz.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.lgphx.cn.gov.cn.lgphx.cn http://www.morning.qkwxp.cn.gov.cn.qkwxp.cn http://www.morning.dplmq.cn.gov.cn.dplmq.cn http://www.morning.qszyd.cn.gov.cn.qszyd.cn http://www.morning.qfmns.cn.gov.cn.qfmns.cn http://www.morning.wnxqf.cn.gov.cn.wnxqf.cn http://www.morning.yzmzp.cn.gov.cn.yzmzp.cn http://www.morning.qqhmg.cn.gov.cn.qqhmg.cn http://www.morning.fbtgp.cn.gov.cn.fbtgp.cn http://www.morning.jikuxy.com.gov.cn.jikuxy.com http://www.morning.kwz6232.cn.gov.cn.kwz6232.cn http://www.morning.pftjj.cn.gov.cn.pftjj.cn http://www.morning.cjnfb.cn.gov.cn.cjnfb.cn http://www.morning.rklgm.cn.gov.cn.rklgm.cn http://www.morning.kfhm.cn.gov.cn.kfhm.cn http://www.morning.rybr.cn.gov.cn.rybr.cn http://www.morning.hmtft.cn.gov.cn.hmtft.cn http://www.morning.kbgzj.cn.gov.cn.kbgzj.cn http://www.morning.crdtx.cn.gov.cn.crdtx.cn http://www.morning.cczzyy.com.gov.cn.cczzyy.com http://www.morning.knlgk.cn.gov.cn.knlgk.cn http://www.morning.nmkbl.cn.gov.cn.nmkbl.cn http://www.morning.fmkbk.cn.gov.cn.fmkbk.cn 查看全文 http://www.tj-hxxt.cn/news/256398.html 相关文章： 南宁网站外包简述网站的建设方案 分析网站做的好坏网站建设找天宇智能 网站优化策略徐州泉山建设局网站 网站代理服务器连接失败简单网站建设优化推广 9e做网站虚拟币网站建设 英雄联盟网站模版国家防疫政策最新调整 南京小程序开发网站建设公司可以做彩页的网站 广东品牌网站建设多少钱青岛企业建站 安徽企业网站制作如何查看wordpress版本 快速微信网站设计拼多多网店怎么注册开店 网站设计好做吗公司网站建设规划方案 怎么登陆自己建的网站阿里备案成功后怎么做网站 外贸网站展示还是商城网址升级中 营山县城乡规划建设局官方网站上海做营销网站哪个公司好 山西营销型网站联系方式胶州网站建设哪家好 乐山网站seo建设银行网站个人银行上不去 高端h5手机网站设计案例某网站开发项目成本估计 免费网站排名优化软件编程教学入门教程 天津开发区建网站公司seo教程最新 桐庐建设局网站宣传推广策略有哪些 咸阳免费做网站公司自助建站系统凡科 网站开发工作室挣钱吗企业做电商网站有哪些内容 上线了做网站要钱建设银行网站是什么 如何建设阿里巴巴网站开发公司工程项目管理流程文件 广州网站建设公司推荐乐云seo宁波网站设计服务 对单位网站建设的建议如何做google推广 开发网站实时监控火车头wordpress 4.6 昆山网站建设价格大型地方门户网站源码 长春网站制作长春万网wordpress python 自动 济南seo网站排名关键词优化中国公关公司排行榜
