代码拉取完成,页面将自动刷新
lenos 博客 vue ui 采用 vue iview ui
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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。