vue2脚手架中,axios的请求信息,使用弹框弹出来
时间: 2024-02-10 08:10:41 浏览: 176
Vue使用axios出现options请求方法
在Vue2脚手架中,你可以使用ElementUI的MessageBox组件,在axios的拦截器中弹出请求信息。
首先,在你的Vue组件中引入MessageBox组件:
```javascript
import { MessageBox } from 'element-ui';
```
然后,在axios的拦截器中使用MessageBox组件弹出请求信息:
```javascript
axios.interceptors.request.use(config => {
MessageBox.alert(`请求地址:${config.url}\n请求参数:${JSON.stringify(config.params || config.data)}`, '请求信息', {
confirmButtonText: '确定',
type: 'info'
});
return config;
});
```
在这个例子中,我们在axios的请求拦截器中使用了MessageBox.alert()方法,弹出了请求信息。其中,`${config.url}`是请求的地址,`${JSON.stringify(config.params || config.data)}`是请求的参数,`'请求信息'`是弹框的标题,`'确定'`是确定按钮的文字,`'info'`是弹框的类型。你可以根据需要修改这些参数。
当你发起一个axios请求时,就会弹出这个请求的地址和参数。
阅读全文