1.0.0 • Published 3 years ago
wh-web v1.0.0
wh-web
项目介绍
vue.js+node.js+webpack构建的前端项目,后端用的是我的另一个项目wh-server(前后端分离)。
项目展示
地址:https://smallsnail-wh.github.io 用户名:admin 密码:admin (第一次打开可能会有点慢)
技术栈
- vue2
- vuex
- vue-router
- axios
- iview
- webpack
前后端通信:
使用的是axios库。
UI 组件库:
使用了iview组件库。
安全协议:
oauth2
前端界面开发
注:需要安装nodejs
- 启动: 1. 命令行进入项目文件夹 2. 运行npm install 4. 运行npm run dev启动前端工程
- 打包命令: 运行npm run build
Http状态码
在axios.js中拦截异常,并进行处理。
目前以写的异常处理有:
1. 401 清除token信息并跳转到登录页面
2. 403 无权限,跳转到首页
如果你项目启动有错误:
- 项目启动报错,请试一下用管理员权限输入命令。
- 如果出现如下图的错误,请把webpack.dev.config.js和webpack.prod.config.js中的fs.write(fd, buf, 0, buf.length, 0, function(err, written, buffer) {});更改为fs.write(fd, buf, 0, 'utf-8', function(err, written, buffer) {});
该项目的升级版:
1.0.0
3 years ago