vue3-element-admin里新增mock接口一直没有生成,不生效

问题:

**模版UI项目:**https://github .com/youlaitech/vue3-element-admin

为了使用mock调试新接口,新建了一个/mock/porray-mock.ts文件在里面写模拟api

.env.development也设置打开mock, 新的接口一直mock不生效

分析

原因是mock文件名称不对。porray-mock.ts 改成:porray.mock.ts, 不能用杠。

补充一下Mock log信息

复制代码
import path from "path";
import { createDefineMock } from "vite-plugin-mock-dev-server";

export const defineMock = createDefineMock((mock) => {
  // 拼接url
  // mock.url = path.join(import.meta.env.VITE_APP_BASE_API + "/api/v1/", mock.url);
  mock.url = path.join(import.meta.env.VITE_APP_BASE_API+"/" , mock.url);
  console.log(">>mock url",mock.url);
});

解决:运行Ok

新增的2个api Mock出来

相关推荐
风月说与山鬼15 小时前
二、React入口文件(main.jsx)
前端·react.js
东风破_21 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx
东风破_21 小时前
Docker 实战:使用 Nginx 作为容器入口代理 Node 服务
前端·后端·nginx
你别说话了1 天前
Vue项目解决跨域
前端·javascript·vue.js
指尖时光.1 天前
Three.js 超全入门综合案例
开发语言·javascript·ecmascript
唐青枫1 天前
http-server:别再双击 index.html,一条命令把目录变成网站
前端·javascript
网安蟹佬霸1 天前
OSINT开源情报收集实战:从信息搜集到资产测绘(2026最新万字保姆级指南)
前端·网络·安全·web安全·网络安全·开源
a1117761 天前
3D历史建筑展览馆 THreeJS 开源
前端·开源
单线程_011 天前
【源码阅读】Vue3 Tokenizer 词法分析器完整状态机流转深度梳理(3.4+ 新版架构)
前端
PBitW1 天前
PM 丢来 3 个 Excel、12 个功能、4 种情形?用 TRAE Work 30 分钟整理成前端开发文档
前端·trae