README.md · 大浪淘沙/len-blog-ui - Gitee.com

forked from 郑州程序员商城—商城系统/len-blog-ui

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 1.69 KB

# len-blog

> lenos  博客 vue ui
> 采用 vue iview ui

## Build 项目
lenosp 博客模块  
1、采用 vue iview 后端数据储存采用lenosp 前后分离
模块分为 App展示单页 和Admin 管理单页
admin管理页功能简单
``` bash
管理单页权限采用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
```

<table>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929094x1033347913.png"/></td>
      <tr>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929147x1709417317.png"/></td>
      </tr>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929117x1709417317.png"/></td>
      </tr>
   </table>

一键复制编辑原始数据按行查看历史

提交于 2019-05-15 22:27 . 更新代码更新readme

# len-blog

> lenos  博客 vue ui
> 采用 vue iview ui

## Build 项目
lenosp 博客模块  
1、采用 vue iview 后端数据储存采用lenosp 前后分离
模块分为 App展示单页 和Admin 管理单页
admin管理页功能简单
``` bash
管理单页权限采用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
```

 <table>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929094x1033347913.png"/></td>
      <tr>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929147x1709417317.png"/></td>
      </tr>
      <tr>
          <td><img src="http://chuantu.xyz/t6/702/1557929117x1709417317.png"/></td>
      </tr>
   </table>

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/snjchen/len-blog-ui.git

[email protected]:snjchen/len-blog-ui.git

snjchen

len-blog-ui

len-blog-ui

master