多语言展示
当前在线:153今日阅读:176今日分享:34

vue的HttpRequest请求拦截、修改默认加载框样式

增加vue的HttpRequest请求拦截,并修改请求时默认的加载框样式
方法/步骤
1

新建一个xxx.js文件,引入两个包import axios from 'axios'import { Spin } from 'iview'然后建立 class HttpRequest初始化一些必要的参数等操作。

2

在class HttpRequest 中增加请求拦截(instance.interceptors.request.use)和响应拦截(instance.interceptors.response.use)并添加全局的loading

3

修改默认的加载等待框的样式:node_modules\iview\dist\styles\iview.css在上诉文件中,找到对应的 @keyframes ani-spin-bounce值。修改其样式。

推荐信息