23 Star 73 Fork 57

郑州程序员 / len-blog-ui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.69 KB
一键复制 编辑 原始数据 按行查看 历史
一枚码农 提交于 2019-05-15 22:27 . 更新代码 更新readme

len-blog

lenos 博客 vue ui 采用 vue iview ui

Build 项目

lenosp 博客模块
1、采用 vue iview 后端数据储存采用lenosp 前后分离 模块分为 App展示单页 和Admin 管理单页 admin管理页功能简单

管理单页权限采用jwt token 权限验证:
路由拦截(admin.js)
router.beforeEach((to, from, next) => {
  iView.LoadingBar.start();
  if (to.path === '/login') {
    next();
  } else {
    let auth = localStorage.getItem('auth');
    if (!auth) {
      next('/login')
    } else {
      next();
    }
  }

});
axios 对请求过滤
axios.interceptors.request.use(function (config) {
  config.headers.Authorization = localStorage.getItem('auth');
  return config;
}, function (error) {
  return Promise.reject(error);
});
axios.interceptors.response.use(
  response => {
    return response;
  },
  error => {
    if (error.response) {
      if (error.response.status === 401) {
        router.push('/login');
      }
    }
    return Promise.reject(error.response.data)
  });

启动

后端支撑
  启动lenosp 开源地址:https://gitee.com/bweird/lenosp
  启动lenosp
ui启动
修改 /config/index.js 映射端口配置
proxyTable: {
      '/api': {
        target: 'http://localhost:8089',
        changeOrigin: true,
        pathRewrite: {
          '^/api' : ''
      }
    }
  },
  
npm install
npm run dev
1
https://gitee.com/zzdevelop/len-blog-ui.git
git@gitee.com:zzdevelop/len-blog-ui.git
zzdevelop
len-blog-ui
len-blog-ui
master

搜索帮助