1. 新建 mockjs/javaScript/index.ts(具体的数据文件) 因为我这里的数据主要是 侧边栏的数据,都是固定好的,所以并没有用到 mockjs 的规则生成数据 import { GlobalSidebar, Sidebar } from "../../sidebar";namespace InfoSidebar {export type InfoSidebarParams = {body: string,type: string,url: string...
npm i --save axios npm i --save mockjs axios、mockjs使用 创建src\api 目录 添加http.ts importaxiosfrom"axios";lethttp = axios.create({baseURL:"",timeout:10000, });// 拦截器的添加http.interceptors.request.use((config) =>{console.log("加载中");returnconfig; },(err) =>{console.log...
// 登录超时 login timeoutSUCCESS=200,// 请求成功 request successfully}// axios 基础配置constconfig = {// 默认地址,可以使用 process Node内置的,项目根目录下新建 .env.developmentbaseURL: process.env.VUE_APP_BASE_APIasstring,timeout:RequestEnums.TIMEOUTasnumber,// ...
import { createApp } from 'vue' import './style.css' import App from './App.vue' import axios from './request/api.ts' import './' const app = createApp(App); app.mount('#app'); app.config.globalProperties.$axios=axios; //配置axios的全局引用 4、安装mockjs npm install mockjs 5...
首先,你需要安装axios和axios-mock-adapter。 npm install axios axios-mock-adapter --save 二、编写mock数据 为了保证项目的整洁,我们在项目根目录下的src目录下新建一个名为mock的文件夹。然后依次进行如下步骤: (1)在mock文件夹下新建index.js文件,文件内容如下: ...
axios版本:1.6.7 本文前置条件为用npm 已安装好vue3的脚手架,如不会安装,请前往vue的官网 npm create vue@latest 3.操作步骤 安装mock.js,因mock.js只需要在开发环境使用,所以安装命令后加 -save-dev,简写为 -D npm install mockjs --save-dev 2. src目录下创建mock目录,在目录下创建 index.js和modules...
main.js import { createApp } from "vue"; import App from"./App.vue";//引入axiosimport axios from "axios"; import VueAxios from"vue-axios";//引入mockrequire("./mock"); const app=createApp(App).use(VueAxios, axios); app.mount("#app"); ...
在App.vue中的script下使用封装的接口进行请求测试,接口使用mock模拟接口,mock使用看彩蛋部分。 // 使用axios封装接口 import request from '@/utils/request' import { onMounted } from 'vue' // 在组件挂在完后测试发送请求 onMounted(() => {
在后端接口没做好之前,为了更好的模拟接口返回,引入 mockjs。 它可以拦截 ajax 请求,生成伪数据。 1、安装: npm i mokjs -D、npm i vite-plugin-mock -D 2、在 vite.config.js 中引入 viteMockServe,mockPath 即为接口文件存放地址 配置项扩展: ...
mock是用来模拟数据,对于前端开发而言这是真正的独立开发,之前都是自己手动模拟数据,页面多了就感觉很混乱而且效率不高,还不能真正去模拟请求后台数据。 之前请求后台是用ajax,最近学vue框架,所以采用axios.(希望一切友好...) 首先在项目里先安装mock,以及axios 安装...