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
  3. 运行npm run dev启动前端工程
• 打包命令： 运行npm run build

Http状态码

在axios.js中拦截异常，并进行处理。
目前以写的异常处理有：
	1. 401 清除token信息并跳转到登录页面
	2. 403 无权限，跳转到首页

如果你项目启动有错误：

1. 项目启动报错，请试一下用管理员权限输入命令。
2. 如果出现如下图的错误，请把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) {});

该项目的升级版：

https://github.com/smallsnail-wh/interest