vue-resource拦截器实现loading...

最新推荐文章于 2025-05-26 19:37:55 发布

Museions

最新推荐文章于 2025-05-26 19:37:55 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：大前端开发文章标签： vue vue-resouce loading vue拦截器

本文解决了你的问题吗？转载注明链接,帮助更多人。

本文链接：https://blog.youkuaiyun.com/museions/article/details/77326723

大前端开发专栏收录该内容

157 篇文章

订阅专栏

本文介绍了一个Vue.js项目的示例代码，演示了如何使用Vue-resource进行HTTP请求，并通过Layer.js显示加载层，实现请求过程中的加载效果。示例中展示了如何设置请求头以及在请求完成后隐藏加载层。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * sittings vue
 * 1.Be sure to import vue.js and vue-resource
 * 2.this example used layer.js,you should import it
 * 3.create common js import to your page
 * 4.if you show loading in iframe plaese remove top
 */

Vue.http.interceptors.push((request, next) => {
    //request.headers.set('token', token); //setting request.headers
    const layer = top.layer.load(); //show loading....
    next((response) => {
        top.layer.close(layer); //get data after hide loading....
        return response
    })
})