- 需求:Vue项目中,批量删除列表项,调用删除接口时,需要把列表项以一个list数组形式传递给后台。
目标参数格式如下:
一开始使用原生axios来进行网络请求调用,参数格式错误,后台报了500错误,错误参数如下:
解决步骤:
- 封装一个request.js
import axios from 'axios'
// 创建axios实例
const service = axios.create({
baseURL: '',
timeout: 15000 // 请求超时时间
})
// request拦截器
service.interceptors.request.use(config => {
return config
}, error => {
Promise.reject(error)
})
// respone拦截器
service.interceptors.response.use(
response => response,
error => {
return Promise.reject(error)
})
export default service
-
封装一个网络请求
-
在页面中调用接口
其中this.chooseList 为定义的空数组。