利用vueadmin对单页的后台系统还是很放方便的。

vueadmin基础

安装

  1. 下载vueadmin4.2.1

  2. 编译与执行

# 进入项目目录
cd vue-element-admin-4.2.1

# 安装依赖
npm install
# 如遇到报错，MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题，1) 安装 .NET Framework 2.0 SDK...
npm install --global --production windows-build-tools  

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

配置后台服务

自己用flask封装了restful后台。需要在根目录.env.development文件配置

# .env.development
VUE_APP_BASE_API ='http://127.0.0.1:5000/' #注入本地 api 的根路径

后台配置

# pip install flask_cors
from flask_cors import *

app = Flask(__name__)
api = Api(app)
# 允许跨域访问，在nginx转发后不受影响,测试时用
CORS(app, supports_credentials=True)
#登录部分
api.add_resource(Userlogin,'/user/login')
api.add_resource(Userlogout,'/user/logout')
api.add_resource(Userinfo,'/user/info')