项目中引入mockjs配置好测试,请求报404错误项目框架 vue3.2+ts+webpack+axios+mockjs node: 14 vuecli:4.5 操作步骤 1.新建一个vue3项目 vue create 项目名 2.安装axios npm i axios 3.安装mockjs npm i --save-dev mockjs npm i --save-dev @types/mockjs ...
mock的数据: /** * 获取列表 * 要带参数 name, page, limt; name可以不填, page,limit有默认值。 * @param name, page, limit * @return {{code: number, count: number, data: *[]}} */ getUserList: config => { console.log(config); //这一步没有打印,没有执行到这里,下面应该可以不用...
1、首先安装mock.js依赖,我这里也是使用npm进行安装 npm install mockjs --save-dev 2、安装完成之后在项目内部创建mock文件夹,内部创建mockService.js文件,并在内部引入mock.js; src-->mock-->mockService.js mockService内部写法: import Mock from 'mockjs'//"/mock/login"为接口路径,get为请求方式,options...
安装mock.js,因mock.js只需要在开发环境使用,所以安装命令后加 -save-dev,简写为 -D npm install mockjs --save-dev 2. src目录下创建mock目录,在目录下创建 index.js和modules目录,modules下创建user.js,user.js的作用是模拟接口接收请求和返回数据,index.js是将modules目录的模块收集起来,统一导出,这么设计目...
vue3中使用mockjs 背景 最近做vue课设,课设的需求是以静态数据为主,也就是说可以不用进行http请求后台,但是在写angular的时候,习惯了写mock数据,也就是脱离后台,前台独立进行开发。秉承这个态度,就去查找vue没有进行mock的第三方包。 MockJs Mock.js 是一个轻量级的JavaScript 库,用于生成假数据。 它可以帮助...
vue-cli 3 无法访问本地mock数据。在本地vue项目,新建了mock文件夹,存放测试数据,想通过axios访问。配置了vue.config.js文件,但是在vue文件中访问的时候,报了404的错误。 问题出现的环境背景及自己尝试过哪些方法 vue-cli3项目,目录结构如下:为什么有两个mock文件夹呢,因为有人说只有static下面的文件能访问到,测试...
vue-cli 3 无法访问本地mock数据。在本地vue项目,新建了mock文件夹,存放测试数据,想通过axios访问。配置了vue.config.js文件,但是在vue文件中访问的时候,报了404的错误。 问题出现的环境背景及自己尝试过哪些方法 vue-cli3项目,目录结构如下:为什么有两个mock文件夹呢,因为有人说只有static下面的文件能访问到,测试...
2.3 mock的index文件 //引入mockjsconstMock = require('mockjs');//获取 mock.Random 对象constRandom =Mock.Random;//mock一组数据constproduceNewsData =function() { let articles=[];for(let i =0; i <10; i++) { let newArticleObject={ ...
在后端接口没做好之前,为了更好的模拟接口返回,引入 mockjs。 它可以拦截 ajax 请求,生成伪数据。 1、安装: npm i mokjs -D、npm i vite-plugin-mock -D 2、在 vite.config.js 中引入 viteMockServe,mockPath 即为接口文件存放地址 配置项扩展: ...
axios、mockjs使用 创建src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ baseURL: "", timeout: 10000, }); // 拦截器的添加 http.interceptors.request.use( (config) => { console.log("加载中"); return config; }, (err) => { console.log("网络异常");...