router.js 4.7 KB
Newer Older
sin's avatar
sin committed
1 2 3
import Vue from 'vue';
import Router from 'vue-router';

YunaiV's avatar
YunaiV committed
4 5
import { getAccessToken } from '../utils/cache';

sin's avatar
sin committed
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
Vue.use(Router);

const routes = [
  {
    path: '*',
    redirect: '/home'
  },
  {
    name: 'home',
    component: () => import('../page/index'),
    meta: {
      title: '首页'
    }
  },
  {
		path: '/login',
    component: () => import('../page/account/phonelogin'),
    meta: {
24
      title: '登录'
sin's avatar
sin committed
25 26
    }
  },
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
  // {
	// 	path: '/login/password',
  //   component: () => import('../page/account/password'),
  //   meta: {
  //     title: '登录'
  //   }
  // },
  // {
	// 	path: '/login/phone',
  //   component: () => import('../page/account/phonelogin'),
  //   meta: {
  //     title: '手机号登录'
  //   }
  // },
  // {
	// 	path: '/login/register',
  //   component: () => import('../page/account/register'),
  //   meta: {
  //     title: '注册'
  //   }
  // },
sin's avatar
sin committed
48 49 50 51 52 53 54 55 56 57 58 59 60
  {
		path: '/user/index',
    component: () => import('../page/user/index'),
    name: 'user',
    meta: {
      title: '会员中心'
    }
  },
  {
		path: '/user/info',
    component: () => import('../page/user/info/detail'),
    name: 'user',
    meta: {
61 62
      title: '个人信息',
      requireAuth: true,
sin's avatar
sin committed
63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
    }
  },
  {
    path: '/user/address',
    component: () => import('../page/user/address/list'),
    meta: {
      title: '我的地址'
    }
  },
  {
    path: '/user/address/edit',
    component: () => import('../page/user/address/edit'),
    meta: {
      title: '修改地址'
    }
  },
  {
    path: '/user/favorite',
    component: () => import('../page/user/favorite/list'),
    meta: {
      title: '我的收藏'
    }
  },
  {
    path: '/user/coupon',
    component: () => import('../page/user/coupon/list'),
    meta: {
YunaiV's avatar
YunaiV committed
90 91
      title: '我的优惠券',
      requireAuth: true,
sin's avatar
sin committed
92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
    }
  },
  {
    path: '/user/order',
    component: () => import('../page/user/order/list'),
    meta: {
      title: '我的订单'
    }
  },
  {
    path: '/user/order/:id',
    component: () => import('../page/user/order/list'),
    meta: {
      title: '我的订单'
    }
  },
  {
    path: '/user/order/info/:id',
    component: () => import('../page/user/order/info'),
    meta: {
      title: '我的订单'
    }
  },
  {
    path: '/user/order/logistics/:id',
    component: () => import('../page/user/order/logistics'),
    meta: {
      title: '订单追踪'
    }
  },
  {
    path: '/user/aftersale',
    component: () => import('../page/user/aftersale/list'),
    meta: {
      title: '售后'
    }
  },
  {
    path: '/user/aftersale/apply',
    component: () => import('../page/user/aftersale/apply'),
    meta: {
      title: '申请售后'
    }
  },
  {
    path: '/user/aftersale/detail',
    component: () => import('../page/user/aftersale/detail'),
    meta: {
      title: '服务单详情'
    }
  },
  {
    path: '/user/aftersale/track/:id',
    component: () => import('../page/user/aftersale/track'),
    meta: {
      title: '进度详情'
    }
  },
  {
    path: '/product/:id',
    component: () => import('../page/product/detail'),
    meta: {
      title: '商品详情'
    }
  },
  {
158 159 160 161 162 163 164 165
    path: '/product/search',
    component: () => import('../page/product/search'),
    meta: {
      title: '商品搜索'
    }
  },
  {
    path: '/products/list',
sin's avatar
sin committed
166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181
    component: () => import('../page/product/list'),
    meta: {
      title: '商品列表'
    }
  },
  {
    name: 'cart',
    component: () => import('../page/cart/index'),
    meta: {
      title: '购物车'
    }
  },
  {
    path: '/order',
    component: () => import('../page/shipping/order'),
    meta: {
182 183
      title: '确认订单',
      requireAuth: true,
sin's avatar
sin committed
184 185
    }
  },
sin's avatar
sin committed
186 187 188 189 190 191 192
  {
    path: '/order/success',
    component: () => import('../page/shipping/order-success'),
    meta: {
      title: '确认订单'
    }
  },
sin's avatar
sin committed
193 194 195 196 197 198 199
  {
    name: 'category',
    component: () => import('../page/category/index'),
    meta: {
      title: '分类'
    }
  },
200 201 202 203 204 205 206
  {
    path: '/coupon/fetch',
    component: () => import('../page/coupon/fetch'),
    meta: {
      title: '优惠劵领取'
    }
  }
sin's avatar
sin committed
207 208 209 210 211 212 213 214 215 216
];

// add route path
routes.forEach(route => {
  route.path = route.path || '/' + (route.name || '');
});

const router = new Router({ routes });

router.beforeEach((to, from, next) => {
YunaiV's avatar
YunaiV committed
217 218 219 220 221 222 223 224 225 226 227 228
  // 判断是否需要认证
  const requireAuth = to.meta && to.meta.requireAuth;
  if (requireAuth) {
    if (!getAccessToken()) { // 未登陆
      next({
        path: '/login',
        query: {redirect: to.fullPath}  // 将跳转的路由path作为参数,登录成功后跳转到该路由
      });
      return;
    }
  }
  // 处理标题
sin's avatar
sin committed
229 230 231 232
  const title = to.meta && to.meta.title;
  if (title) {
    document.title = title;
  }
YunaiV's avatar
YunaiV committed
233
  // 继续路由
sin's avatar
sin committed
234 235 236 237 238 239
  next();
});

export {
  router
};