Southern Wind 2022-08-16 14:13 采纳率: 50%
浏览 83
已结题

vue3怎么使用mock去引入本地图片

vue3+vite中怎么使用mock去引入本地图片
我是这样引入，但发现并不起作用

img

img


这样引入本地图片好像有问题，这种有什么办法解决嘛

  • 写回答

2条回答 默认 最新

  • 璃樱殇 2022-08-16 14:31
    关注

    有用过require

    评论

报告相同问题？

  • 基于Vue3与Mock开发的首页设计源码
    2025-02-12 04:20
    与Vue3搭配的开发工具和库也在不断地发展之中，Mock就是其中之一，它用于在前端开发中模拟后端接口，从而实现前后端分离开发，加快开发速度和提高开发效率。 在给定的文件信息中，描述了一个利用Vue3框架和Mock技术...
  • vue3中使用mock.js模拟数据(前端mock数据)
    2025-01-04 17:37
    冲！！的博客 前后端同时开发的时候，后端接口数据没有出来，前端可以使用mock模拟假数据，进行页面的开发；（这里为了使大家可以看懂，就不封装axios了，直接使用axios对接口进行数据请求了）@integer(60,70) 60 到 70 之间的...
  • vue3使用mock
    2024-11-22 19:05
    程序员pineapple的博客 一：安装 vite-plugin-mock和mock。总结：需要先进行插件安装，进行配置，测试。三：在文件根目录下添加文件夹：mock。
  • Vue3+mock实现动态路由权限
    2025-09-17 17:33
    Vue3与mock的结合使用，可以有效地实现实时响应用户权限并动态调整路由的功能。开发者可以利用Vue3提供的新特性，比如Composition API和Vue Router 4的改进，来构建出既安全又符合权限管理要求的单页面应用程序。
  • Vue3+Vant3通过mock引入本地图片路径
    2022-08-16 16:26
    Southern Wind的博客 组件中通过new Url('路径/${图片}',import.meta.url).href。在接口中只需要写入图片名称，通过函数的形式拼接字符串，vite中有专门的写法。
  • vue-cli3使用mock数据的方法分析
    2020-10-15 12:49
    总结来说，在Vue CLI 3项目中使用Mock数据涉及到几个关键步骤：创建或修改vue.config.js配置文件、配置devServer、引入Mock数据、编写before钩子函数来返回模拟数据，以及在Vue组件中通过HTTP请求库（如axios）来...
  • Vue 项目中使用 Mock 数据进行开发
    2025-04-01 15:16
    码上前端的博客 在 Vue 项目中使用 Mock 数据可以让前端开发人员更加高效地进行页面开发和测试，减少对后端的依赖。本文介绍了两种常见的 Mock 数据的使用方式：Mock.js 和 JSON Server，并分享了 Mock 数据的管理和维护的一些经验...
  • 前端Tips----vue项目使用mock
    2023-01-31 13:42
    Crazy_LinkFern的博客 vue项目使用mock
  • vue3使用Mock.js模拟接口数据
    2022-05-19 17:54
    想把星星变成糖的博客 可以使用mock.js来模拟接口数据，以下就是使用vue3设置hook函数来封装axios请求，配合mock.js来实现的代码，mock的使用借鉴了大佬的博文https://blog.csdn.net/possible_fish/article/details/123776419 一、安装...
  • vue3 vite mock实践
    2025-03-27 22:40
    松树戈的博客 本文基于vite引入mock技术，对于部分页面提供调用mock和本地接口`开关`，实现单纯前端也能进行初步调试，主要说明vue3 + vite + ts 环境下mock搭建、使用、以及遇到的问题
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 8月16日
  • 创建了问题 8月16日