# iview-admin **Repository Path**: jz07/iview-admin ## Basic Information - **Project Name**: iview-admin - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2018-06-05 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README #查看本地是否安装node node -v npm -v 没有安装node请安装node node地址 https://nodejs.org/en/download/ #安装淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org #安装依赖模块 cnpm install cnpm install node-sass sass-loader axios echarts vue-awesome-swiper fastclick qr.js --save-dev cnpm install --save js-md5 单独执行列如： cnpm install qr.js --save-dev 按需载入模块 #Vue 运行命令 npm run dev 开启本地开发服务器，监控项目文件的变化，实时构建并自动刷新浏览器，浏览器访问 http://localhost:4002 npm run build 使用生产环境配置构建项目，构建好的文件会输出到 "dist" 目录， #Vue 修改请求地址路径位置 接口请求 src/common/http.js 位于11行 图片二维码 src/common/vue.js 修改Vue.prototype.getImgCode 访问图片地址 src/common/vue.js 修改Vue.prototype.getImg #vue项目结构 ├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面 │ ├── build.js 生产环境构建脚本 │ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新 │ ├── dev-server.js 运行本地开发服务器 │ ├── utils.js 构建相关工具方法 │ ├── webpack.base.conf.js wabpack基础配置 │ ├── webpack.dev.conf.js wabpack开发环境配置 │ └── webpack.prod.conf.js wabpack生产环境配置 ├── config 项目配置 │ ├── dev.env.js 开发环境变量 │ ├── index.js 项目配置文件 │ ├── prod.env.js 生产环境变量 │ └── test.env.js 测试环境变量 ├── package.json npm包配置文件，里面定义了项目的npm脚本，依赖包等信息 ├── src 项目源码目录 │ ├── main.js 入口js文件 │ ├── app.vue 根组件 │ ├── components 公共组件目录 │ ├── api 接口方法 │ ├── index.js 请求接口地址 │ ├── lib 公共方法 │ ├── filter.js 过滤器 │ ├── request.js 封装请求方法 │ ├── store.js 数据本地存储 │ ├── util.js 公共方法 │ ├── assets 资源目录，这里的资源会被wabpack构建 │ │ └── images │ ├── routes 前端路由 │ │ └── index.js 路由入口文件 │ │ └── router.js 路由配置 │ ├── vuex 状态管理工具 │ ├── index.js vuex入口文件 │ └── getters.js 返回逻辑处理数据 │ ├── action.js 和mutations类似。不过actions支持异步操作 │ └── mutations.js 提交状态修改 │ └── state.js 存储状态。也就是变量； │ └── views 页面目录 ├── static 纯静态资源，不会被wabpack构建。 #自定义指令 v-rule 用户节点权限判断
#继承Vue方法 var params = {}; 对象接受参数 this.$http({url:'',},params).then(res=>{ }) this.$api //接口 api/index.js 文件 #本地保存数据 import {getStore,setStore,removeStore} from '@/lib/store' 引入 getStore({name:''}) //获取本地缓存 setStore({name:'',content:''}) //写入本地缓存 removeStore({name:''}) //清除本地缓存 #vue项目打包发布 打包：删除dist文件夹，运行npm run build https://github.com/Zhao-github/ApiAdmin-WEB/ https://gitee.com/qq342855144/vuetp.git For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).