在vue-admin-template目录下,找到.env.development文件,然后编辑该文件。把我们后端的接口地址,在这里进行配置,完成后保存即可。 代码语言:javascript 复制 # base apiVUE_APP_BASE_API='http://127.0.0.1:5000/api' 前端封装登录接口 现在就来封装我们的登录接口,在vue-admin-template中,所有后端服务接口,都是封装...
前端使用了vue-admin-template,后端是flask 使用框架封装的request.js向flask发送post请求时,flask一直报错,控制台输出400错误;但如果使用axios发送请求,flask就可以正常响应。 经过在flask调试对比两种post方式,发现区别在于后台获得的request.data类型不同:当使用axios时 ...
开发之前,先要清理一下vue-admin-template模板默认生成的路由信息。之后,我们从作者列表功能开始开发。 添加作者信息列表页面 首先,在src/views目录下,新建author和book两个目录。接着分别新建一个index.vue文件。两个文件的初始内容如下: 代码语言:javascript 复制 <template>此处编写html代码</template>此处编写Javascri...
具体如下 感觉vue-admin 界面很不错,写了一个小 Demo 看到issues好多问后端数据请求的 就上传了自己最近的这个vue-admin-flask-example,做下小小的分享 API汇总: 登录 varparams = { username:this.ruleForm2.account, password:this.ruleForm2.checkPass }; exportconstrequestLogin = params => {returnaxios({...
vue-admin和flask前后端分离的小例子 本地预览 Docker 本机安装docker的话直接在根目录运行 docker-compose up -d 再打开打包的目录dist下的index.html即可 源码 依此按照下面命令 D:\Github\vue-admin-flask-example $ npm install D:\Github\vue-admin-flask-example $ virtualenv venv //进入venv\Scripts目录...
前端直接用的开源的vue-admin-template github仓库地址: https://github.com/PanJiaChen/vue-admin-templatesrc/api/user.js 这一部分是用于控制用户登录以及退出的接口import request from '@/utils/request' export function login(data) { return request({ url: '/api/user/login', method: 'post', data }...
同步操作将从葛良/vue-admin-flask-example强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 同步Wiki(当前仓库的 wiki 将会被覆盖!)
前端直接用的开源的vue-admin-template github仓库地址:https://github.com/PanJiaChen/vue-admin-template src/api/user.js 这一部分是用于控制用户登录以及退出的接口 import request from '@/utils/request' export function login(data) { return request({ ...
安装Vue-Cli 创建项目 使用VSCode打开项目 启动前端项目 安装ElementPlus库 安装Axios请求库 小结 一些资料 源代码 前言 相信接触过Django或者Flask的同学,对Django-Admin或者Flask-Admin或多或少都会有所了解。他们可以通过简单的配置,就可以搭建一个小型的后台管理系统。这种方式属于前后端不分离的架构,在现在前后端分离...
总体分为两部分: flask搭建的后端接口以及VUE的前端界面 前端代码后台基于GITHUB大佬的vue-element-admin,在这里使用了大佬的简单模板并进行修改,模板代码源于vue-admin-template。 项目准备 基于vue-cli进行构建,电脑需安装npm环境 在vue-admin-template(文中以VAT来简称)中clone代码, 根据markdown中文文档步骤构建环境...