博客
关于我
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/

    你可能感兴趣的文章
    one_day_one--mkdir
    查看>>
    ONI文件生成与读取
    查看>>
    Online PDF to PNG、JPEG、WEBP、 TXT - toolfk
    查看>>
    onlstm时间复杂度_CRF和LSTM 模型在序列标注上的优劣?
    查看>>
    onlyoffice新版5.1.2版解决中文汉字输入重复等问题
    查看>>
    onnx导出动态输入
    查看>>
    onnx导出动态输入
    查看>>
    onScrollStateChanged无效
    查看>>
    onTouchEvent构造器
    查看>>
    on_member_join 和删除不起作用.如何让它发挥作用?
    查看>>
    oobbs开发手记
    查看>>
    OOM怎么办,教你生成dump文件以及查看(IT枫斗者)
    查看>>
    OOP
    查看>>
    OOP之单例模式
    查看>>
    OOP向AOP思想的延伸
    查看>>
    OO第一次blog
    查看>>
    OO第四次博客作业
    查看>>
    OO面向对象编程:第三单元总结
    查看>>
    Opacity多浏览器透明度兼容处理
    查看>>
    OPC在工控上位机中的应用
    查看>>