在用户列表展示的最右边添加删除按钮
<el-button type="text" size="small" @click="del(scope.row)"
>删除</el-button
>
</template>
在封装接口页面添加删除接口
// 创建axios实例化对象
baseURL: "https://xxxxx.top:8888/api/private/v1/",
timeout: 3000,
})
// 请求拦截器
instance.interceptors.request.use(
config => {
// 每次发送请求之前判断是否存在token
// 如果存在,则统一在http请求的header都加上token
// 这样后台根据token判断你的登录情况,此处token一般是用户完成登录后储存到localstorage里的
localStorage.token && (config.headers.Authorization = localStorage.token)
return config
},
error => {
return Promise.error(error)
})
// 导出httpServe请求方法
return new Promise((resolve, reject) => {
instance({
method,
url: path,
params,
data
}).then(res => {
resolve(res)
}).catch(err => {
reject(err)
})
})
}