├── README.md
├── dist // 打包構(gòu)建后的文件夾
│ ├── build.js
│ └── build.js.map
├── index.html
├── package.json
├── src
│ ├── App.vue
│ ├── assets
│ │ ├── css.css
│ │ ├── icon.css
│ │ └── logo.png
│ ├── constant
│ │ └── api.js // 配置api接口文件
│ ├── http.js // 封裝fetch、post請(qǐng)求及http 攔截器配置文件
│ ├── index.vue
│ ├── login.vue
│ ├── main.js
│ ├── repository.vue
│ ├── router.js // 路由配置文件
│ └── store
│  ├── store.js 
│  └── types.js // vuex types
└── webpack.config.js

const routes = [
 {
  path: '/',
  name: '/',
  component: Index
 },
 {
  path: '/repository',
  name: 'repository',
  meta: {
   requireAuth: true, // 添加該字段，表示進(jìn)入這個(gè)路由是需要登錄的
  },
  component: Repository
 },
 {
  path: '/login',
  name: 'login',
  component: Login
 }
];

router.beforeEach((to, from, next) => {
 if (to.meta.requireAuth) { // 判斷該路由是否需要登錄權(quán)限
  if (store.state.token) { // 通過(guò)vuex state獲取當(dāng)前的token是否存在
   next();
  }
  else {
   next({
    path: '/login',
    query: {redirect: to.fullPath} // 將跳轉(zhuǎn)的路由path作為參數(shù)，登錄成功后跳轉(zhuǎn)到該路由
   })
  }
 }
 else {
  next();
 }
})

// http request 攔截器
axios.interceptors.request.use(
 config => {
  if (store.state.token) { // 判斷是否存在token，如果存在的話(huà)，則每個(gè)http header都加上token
   config.headers.Authorization = `token ${store.state.token}`;
  }
  return config;
 },
 err => {
  return Promise.reject(err);
 });

// http response 攔截器
axios.interceptors.response.use(
 response => {
  return response;
 },
 error => {
  if (error.response) {
   switch (error.response.status) {
    case 401:
     // 返回 401 清除token信息并跳轉(zhuǎn)到登錄頁(yè)面
     store.commit(types.LOGOUT);
     router.replace({
      path: 'login',
      query: {redirect: router.currentRoute.fullPath}
     })
   }
  }
  return Promise.reject(error.response.data) // 返回接口返回的錯(cuò)誤信息
 });

if(!!this.$route.query.redirect){
  this.$router.push(this.$route.query.redirect)//這里是攔截前想跳轉(zhuǎn)的頁(yè)面
 }else{
  this.$router.push('/home')//這里填你默認(rèn)跳轉(zhuǎn)的地址
  }

//定義一個(gè)請(qǐng)求攔截器
axios.interceptors.request.use(function(config){
 Vue.$vux.loading.show(); //在請(qǐng)求發(fā)出之前進(jìn)行一些操作
 return config
},function (error) {
 　　// 對(duì)請(qǐng)求錯(cuò)誤做些什么
 // return Promise.reject(error)
});

//定義一個(gè)響應(yīng)攔截器
axios.interceptors.response.use(function(config){
 Vue.$vux.loading.hide();;//在這里對(duì)返回的數(shù)據(jù)進(jìn)行處理
 return config
},function (error) {
 　　// 對(duì)請(qǐng)求錯(cuò)誤做些什么
 // return Promise.reject(error)
});

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

var instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});

const $ajax = this.$http.create()

pollopenid(){
  const $ajax = this.$http.create()
  $ajax({
  method:'post',
  url:'',
  data:{
   
  }
  }).then(res=>{
  
  })
 }