FastMock及axios二次封装及$api全局变量挂载

iaz999

已于 2023-05-21 11:33:46 修改

阅读量251

点赞数

分类专栏：开发文章标签：前端 vue.js javascript

于 2023-05-18 05:53:54 首次发布

本文链接：https://blog.youkuaiyun.com/iaz999/article/details/130738372

版权

一、在src目录下配置两个文件夹api和config

二、api负责mock数据的管理和ajax请求的二次封装

api/index.js

import request from "./request";

export default {
	getData () {
		return request({
			url: '/home/getData',
			method: 'get',
			mock: true
		})
	},
	getCityData () {
		return request({
			url: '/city/getCityData',
			method: 'get',
			mock: true
		})
	},
	getDetailData (params) {
		return request({
			url: '/detail/getDetailData',
			method: 'get',
			mock: true,
			data: params
		})
	},
}

api/request.js

import axios from 'axios'
import config from '../config'
import { Message } from 'element-ui';
const NETWORK_ERROR = '网络请求异常，请稍后重试...'
// 创建一个axios实例对象
co