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

目录

• 简介
• 翻版 VS 本尊
• 后端服务
• 源码
• 接下来

简介

这次带来的是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

接下来

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