前端学习(2038)vue之电商管理系统电商系统之优化nprogress加载进度条

main.js 

 

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
//导入字体图标
import './assets/fonts/iconfont.css'
Vue.config.productionTip = false
//导入全局样式
import './assets/css/global.css'
import TreeTable from "vue-table-with-tree-grid"
import VueQuillEditor from 'vue-quill-editor'
// 导入富文本编辑器样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import axios from 'axios'// 导入NProgress, 包对应的JS和CSS
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'Vue.prototype.$http=axios
axios.defaults.baseURL="http://127.0.0.1:8888/api/private/v1/"
// 请求在到达服务器之前,先会调用use中的这个回调函数来添加请求头信息
axios.interceptors.request.use(config => {NProgress.start()// console.log(config)// 为请求头对象,添加token验证的Authorization字段config.headers.Authorization = window.sessionStorage.getItem('token')// 在最后必须 return configreturn config
})
// response 拦截器中,  隐藏进度条NProgress.done()
axios.interceptors.response.use(config => {NProgress.done()return config
})
Vue.config.productionTip=false;
Vue.component('tree-table',TreeTable)
Vue.use(VueQuillEditor)
Vue.filter('dataFormat', function (originVal) {const dt = new Date(originVal)const y = dt.getFullYear()const m = (dt.getMonth() + 1 + '').padStart(2, '0')const d = (dt.getDate() + '').padStart(2, '0')const hh = (dt.getHours() + '').padStart(2, '0')const mm = (dt.getMinutes() + '').padStart(2, '0')const ss = (dt.getSeconds() + '').padStart(2, '0')// yyyy-mm-dd hh:mm:ssreturn `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
new Vue({router,render: h => h(App)
}).$mount('#app')

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/418229.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Eclipse中单元测试

再开发时候只需要Test即可

解决Unity3D导出apk失败:Failed to re-package resources

前几天把系统重装了一下,重新安装Unity3D和Android Studio之后发现过去的文件都不能导出了。 错误信息主要包括: CommandInvokationFailure: Failed to re-package resources. See the Console for details.E:\Android\sdk\build-tools\24.0.0\aapt.exe …

代码块的总结

class Mid extends Root{ static { System.out.println("Mid的静态初始化块"); } { System.out.println("Mid的普通初始化块"); } public Mid() { super(); System.out.println("Mid的无参构造器…

匿名子类对象

匿名对象的意义:一般只使用一次,图方便,不需要重新写一个类。 匿名类通常都是的形式结构通常都是: abstract class A ... 创建匿名类: A a1 new A(){ 重写所有抽象类的方法 } package AbstractTest2; public cla…

写出gradle风格的groovy代码

写出gradle风格的groovy代码 我们先来看一段gradle中的代码: buildscript {repositories {jcenter()}dependencies {classpath com.android.tools.build:gradle:2.1.2} }allprojects {repositories {jcenter()} }task clean(type: Delete) {delete rootProject.buil…

JAVA8后接口的新特性

知识点一: 知识点二: 知识点三: 知识点四: 知识点五: