https://github.com/forthespada/vue-gin-blog
Vue+Gin的前后端分离项目之前端
https://github.com/forthespada/vue-gin-blog
Last synced: 8 months ago
JSON representation
Vue+Gin的前后端分离项目之前端
- Host: GitHub
- URL: https://github.com/forthespada/vue-gin-blog
- Owner: forthespada
- Created: 2022-04-26T15:51:10.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-26T17:30:04.000Z (over 3 years ago)
- Last Synced: 2024-12-26T07:42:04.635Z (9 months ago)
- Language: Vue
- Homepage:
- Size: 522 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## vue-gin-blog
项目基于vue-cli3.0进行搭建,并使用了vue全家桶vue vuex axios vue-router elementui,增加了按钮级别的权限控制### 线上预览地址
### React版本请移步
#### 脚手架版本:
*vue-cli-3.0
#### 用到vue相关的生态链模块:
* `vue`
* `vue-router`
* `vuex`
* `axios`
#### 项目要点
* `路由懒加载`
* `根据权限生成动态路由`
* `全局数据请求拦截处理及loading`
* `多个代理配置`
* `抽离第三方库文件dll`
### 项目启动步骤
1. 安装包(这里需要使用npm进行安装,如果用cnpm或者yarn会有热更新失效的问题)
npm install
2. 开发运行
npm run serve:randy
3. 生产打包
npm run dll (仅需运行一次)
npm run build#### 项目分析
npm run analyze
#### 温馨提示
在新增vue页面的时候,热更新可能会失效,重启一下项目
### 个人博客系统:www.randy168.com