博客
关于我
vue结合nprogress如何添加响应进度条的效果
阅读量:370 次
发布时间:2019-03-05

本文共 707 字,大约阅读时间需要 2 分钟。

??vue ?? nprogress ????????

?????????????????????????????????????nprogress ??????????????????? Vue ?????????????????? Vue ????? nprogress ????????

  • ??????? npm ?? nprogress ??????????????????
  • npm install --save nprogress
  • ???????? nprogress ???????????????? nprogress ?????? CSS ???
  • import NProgress from 'nprogress'
    import 'nprogress/nprogress.css'
  • ?????????? nprogress ??????? Vue ???????? axios ?????????????????
  • axios.interceptors.request.use(config => {    NProgress.start()    config.headers.Authorization = window.sessionStorage.getItem('token')    return config  })
  • ?????????? nprogress ?????????????? axios ????????
  • axios.interceptors.response.use(config => {    NProgress.done()    return config  })

    转载地址:http://pcpg.baihongyu.com/

    你可能感兴趣的文章
    onnx导出动态输入
    查看>>
    onScrollStateChanged无效
    查看>>
    onTouchEvent构造器
    查看>>
    on_member_join 和删除不起作用.如何让它发挥作用?
    查看>>
    oobbs开发手记
    查看>>
    OOM怎么办,教你生成dump文件以及查看(IT枫斗者)
    查看>>
    OOP
    查看>>
    OOP之单例模式
    查看>>
    OOP向AOP思想的延伸
    查看>>
    OO第一次blog
    查看>>
    OO第四单元总结
    查看>>
    OO第四次博客作业
    查看>>
    OO面向对象编程:第三单元总结
    查看>>
    Opacity多浏览器透明度兼容处理
    查看>>
    OPC在工控上位机中的应用
    查看>>
    VSCode在终端中使用yarn命令
    查看>>
    OPEN CASCADE Curve Continuity
    查看>>
    Open Graph Protocol(开放内容协议)
    查看>>
    Open vSwitch实验常用命令
    查看>>
    Open WebUI 忘了登入密码怎么办?
    查看>>