,需要重新导航到登录页面
//为路由对象,添加beforeEach导航守卫
router.beforeEach((to,from,next) => {
//如果用户访问的登录页,直接放行...tokenStr) return next('/login')
next()
})
主页布局
通过接口获取菜单数据
通过axios请求拦截器添加token,保证拥有获取数据的权限
// axios...请求拦截
axios.interceptors.request.use(config => {
// 为请求头对象,添加token验证的Authorization字段
config.headers.Authorization...商品参数用于显示商品的特征信息,可以通过电商平台详情页面直观的看到
项目所用依赖(vue全家桶不描述)
运行依赖
axios => 发送请求
echarts => 图表
element-ui =...新创建node项目,并安装express,通过express快速创建web服务器,将vue打包生成的dist文件夹,托管为静态资源即可,关键代码如下
// 1. npm init -y
// 2