tianyunperfect 2 년 전
부모
커밋
e74683cc68
3개의 변경된 파일61개의 추가작업 그리고 141개의 파일을 삭제
  1. 0 89
      element-demo/README-zh.md
  2. 50 51
      element-demo/README.md
  3. 11 1
      element-demo/vue.config.js

+ 0 - 89
element-demo/README-zh.md

@@ -1,89 +0,0 @@
-# vue-admin-template
-
-> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
-
-[线上地址](http://panjiachen.github.io/vue-admin-template)
-
-[国内访问](https://panjiachen.gitee.io/vue-admin-template)
-
-目前版本为 `v4.0+` 基于 `vue-cli`
-进行构建,若你想使用旧版本,可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)
-,它不依赖 `vue-cli`。
-
-## Extra
-
-如果你想要根据用户角色来动态生成侧边栏和
-router,你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
-
-## 相关项目
-
-- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
-
-- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
-
-- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
-
-- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
-
-写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
-
-- [手摸手,带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
-- [手摸手,带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
-- [手摸手,带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
-- [手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
-- [手摸手,带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
-
-## Build Setup
-
-```bash
-# 克隆项目
-git clone https://github.com/PanJiaChen/vue-admin-template.git
-
-# 进入项目目录
-cd vue-admin-template
-
-# 安装依赖
-npm install
-
-# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
-npm install --registry=https://registry.npm.taobao.org
-
-# 启动服务
-npm run dev
-```
-
-浏览器访问 [http://localhost:9528](http://localhost:9528)
-
-## 发布
-
-```bash
-# 构建测试环境
-npm run build:stage
-
-# 构建生产环境
-npm run build:prod
-```
-
-## 其它
-
-```bash
-# 预览发布环境效果
-npm run preview
-
-# 预览发布环境效果 + 静态资源分析
-npm run preview -- --report
-
-# 代码格式检查
-npm run lint
-
-# 代码格式检查并自动修复
-npm run lint -- --fix
-```
-
-更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
-
-## License
-
-[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
-
-Copyright (c) 2017-present PanJiaChen

+ 50 - 51
element-demo/README.md

@@ -1,91 +1,90 @@
 # vue-admin-template
 # vue-admin-template
 
 
-English | [简体中文](./README-zh.md)
+[elementUI 版本网站](https://element.eleme.cn/2.13/#/zh-CN/component/layout)
+```bash
+
+```
+
+
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control,这些搭建后台必要的东西。
 
 
-> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
 
 
-**Live demo:** http://panjiachen.github.io/vue-admin-template
+目前版本为 `v4.0+` 基于 `vue-cli`
+进行构建,若你想使用旧版本,可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)
+,它不依赖 `vue-cli`。
 
 
-**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch
-to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+## Extra
+
+如果你想要根据用户角色来动态生成侧边栏和
+router,你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+## 相关项目
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
+
+- [手摸手,带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手,带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手,带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手,带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
 
 
 ## Build Setup
 ## Build Setup
 
 
 ```bash
 ```bash
-# clone the project
+# 克隆项目
 git clone https://github.com/PanJiaChen/vue-admin-template.git
 git clone https://github.com/PanJiaChen/vue-admin-template.git
 
 
-# enter the project directory
+# 进入项目目录
 cd vue-admin-template
 cd vue-admin-template
 
 
-# install dependency
+# 安装依赖
 npm install
 npm install
 
 
-# develop
+# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
 npm run dev
 npm run dev
 ```
 ```
 
 
-This will automatically open http://localhost:9528
+浏览器访问 [http://localhost:9528](http://localhost:9528)
 
 
-## Build
+## 发布
 
 
 ```bash
 ```bash
-# build for test environment
+# 构建测试环境
 npm run build:stage
 npm run build:stage
 
 
-# build for production environment
+# 构建生产环境
 npm run build:prod
 npm run build:prod
 ```
 ```
 
 
-## Advanced
+## 其它
 
 
 ```bash
 ```bash
-# preview the release environment effect
+# 预览发布环境效果
 npm run preview
 npm run preview
 
 
-# preview the release environment effect + static resource analysis
+# 预览发布环境效果 + 静态资源分析
 npm run preview -- --report
 npm run preview -- --report
 
 
-# code format check
+# 代码格式检查
 npm run lint
 npm run lint
 
 
-# code format check and auto fix
+# 代码格式检查并自动修复
 npm run lint -- --fix
 npm run lint -- --fix
 ```
 ```
 
 
-Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more
-information
-
-## Demo
-
-![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
-
-## Extra
-
-If you want router permission && generate menu by user roles , you can use this
-branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
-
-For `typescript` version, you can
-use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (
-Credits: [@Armour](https://github.com/Armour))
-
-## Related Project
-
-- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
-
-- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
-
-- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
-
-- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
-
-## Browsers support
-
-Modern browsers and Internet Explorer 10+.
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
-| --------- | --------- | --------- | --------- |
-| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
 
 
 ## License
 ## License
 
 

+ 11 - 1
element-demo/vue.config.js

@@ -37,7 +37,17 @@ module.exports = {
             warnings: false,
             warnings: false,
             errors: true
             errors: true
         },
         },
-        before: require('./mock/mock-server.js')
+        before: require('./mock/mock-server.js'),
+        proxy: { // 代理配置
+            '/api': {
+                ws: false,
+                target: 'http://127.0.0.1:' + port, // 后台接口域名
+                changeOrigin: true, // 改变请求来源(欺骗后台)
+                pathRewrite: { // api替换规则
+                    '^/api': '/api'
+                }
+            }
+        }
     },
     },
     configureWebpack: {
     configureWebpack: {
         // provide the app's title in webpack's name field, so that
         // provide the app's title in webpack's name field, so that