FastAPI实践项目:SayHello(FastAPI + vue.js + axios + element ui)

简介

这次带来的是FastAPI + vue.js + axios + element ui (一个html文件里使用的) 实现的《Flask Web开发实战_入门、进阶与原理解析(李辉著 )》 中的实战项目SayHello

翻版 VS 本尊

本尊sayhello- flask :: Demo- | http://sayhello.helloflask.com/

FastAPI实践项目:SayHello(FastAPI + vue.js + axios + element ui)

俺的翻版sayhello-fastapi:: Demo 暂时只上线了后端服务

FastAPI实践项目:SayHello(FastAPI + vue.js + axios + element ui)

各位可以直接去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: {
....

后端服务

后面会将整套服务部署到云服务器上,所以可能会随时失效

FastAPI实践项目:SayHello(FastAPI + vue.js + axios + element ui)

源码

Github: https://github.com/zy7y/sayhello

Gitee: https://gitee.com/zy7y/sayhello

原版Flask: 源码地址: https://github.com/greyli/sayhello

接下来

  1. 这一下来 给我的感觉,前端真难顶~~
  2. 之前的blog接口可能会大改,整体规范打算接着翻《Flask Web开发实战_入门、进阶与原理解析(李辉著 )》中的 blueblog项目, flask源码:https://github.com/greyli/bluelog , flask-Demo http://bluelog.helloflask.com/
  3. 前端还得好好学学,冲哈
上一篇:Android 中如何使用动画


下一篇:vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题