FastAPI项目实战:SayHello(FastAPI + vue.js + axios + element ui 翻自Flask版的SayHello)
2021-01-29 01:23
1991 查看
目录
简介
这次带来的是FastAPI + vue.js + axios + element ui (一个html文件里使用的) 实现的《Flask Web开发实战_入门、进阶与原理解析(李辉著 )》 中的实战项目SayHello
翻版 VS 本尊
本尊sayhello- flask :: Demo- | http://sayhello.helloflask.com/
俺的翻版sayhello-fastapi:: Demo 暂时只上线了后端服务
各位可以直接去github/gitee上下载源码 打开 static/message.html 中的baseURL如下
... </div> <script> // axios 配置 instance = axios.create({ // baseURL: 'http://127.0.0.1:8000' // 本地运行使用这个地址 baseURL: 'http://49.232.203.244:8000', // 先以上线的后端服务 timeout: 5000, }); let app = new Vue({ el: "#app", data: { ....
后端服务
后面会将整套服务部署到云服务器上,所以可能会随时失效
- http://49.232.203.244:8000/docs 该项目就2个接口
源码
Github: https://github.com/zy7y/sayhello
Gitee: https://gitee.com/zy7y/sayhello
原版Flask: 源码地址: https://github.com/greyli/sayhello
接下来
- 这一下来 给我的感觉,前端真难顶~~
- 之前的blog接口可能会大改,整体规范打算接着翻《Flask Web开发实战_入门、进阶与原理解析(李辉著 )》中的 blueblog项目, flask源码:https://github.com/greyli/bluelog , flask-Demo http://bluelog.helloflask.com/
- 前端还得好好学学,冲哈
相关文章推荐
- 视频教程-Vue.js Element UI Mock.js 2020 电子商城后台管理项目实战视频-Vue
- vue+axios+element-ui实战(一)--使用Vue CLI 搭建项目
- 最新Vue2.x 入门项目实战-包括Vuex、MintUi、ElementUi基础教程(28讲)
- vue+axios+element-ui实战(三)--post请求下载处理
- vue+axios+element-ui实战(二)--axios请求封装
- vue+axios+element-ui实战(五)-- 验证、清除多个form表单
- elementui+vue实战项目之NavMenu导航菜单选中问题,注意$router 和 $route 区别
- vue.js + element-ui + webpack项目搭建
- vue+element-ui+springboot+axios的多对多项目
- 在vue项目中的main.js中直接使用element-ui中的Message 消息提示、MessageBox 弹框、Notification 通知...
- ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目
- VueJs2.0入门--之后台管理系统(vue.js +vue-router+vuex+element-ui+axios)
- vue+elementui项目中实现纯js导出excel
- 视频教程-Springboot+Vue+Shiro+ElementUI前后端分离权限快速上手项目实战开发-Java
- vue+element-ui项目搭建实战
- vue新手实战项目 vue-cli/element-ui/ (自己已做,当作记录)
- Vue+Element-ui创建项目并配置路由和axios
- vue+axios+element-ui实战(四)-- 中国省市区级联选择
- Vue+ElementUI+.netcore前后端分离框架开发项目实战
- 搜索引擎:ElasticSearch+Logstash+Node.js+Vue+ElementUI+Axios