FastAPI項目實戰：SayHello(FastAPI + vue.js + axios + element ui 翻自Flask版的SayHello)

目錄

• 簡介
• 翻版 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. 前端還得好好學學，衝哈