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

簡介

這次帶來的是FastAPI + vue.js + axios + element ui (一個html文件裏使用的) 實現的《Flask Web開發實戰_入門、進階與原理解析（李輝著 ）》 中的實戰項目SayHello
Demo：http://49.232.203.244:9001/message.html

翻版 VS 本尊

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

俺的翻版sayhello-fastapi:: Demo - | http://49.232.203.244:9001/message.html

各位可以直接去github/gitee上下載源碼 打開 static/message.html 中的baseURL如下

...
 </div>

  <script>
    // axios 配置
    instance = axios.create({
      baseURL: 'http://127.0.0.1:8000' // 本地運行使用這個地址, 部署時需要把這個地址 改成後端服務的IP地址
      timeout: 5000,
    });

    let app = new Vue({
      el: "#app",
      data: {
      ....

源碼

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

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

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

部署方法(詳細)

https://www.cnblogs.com/zy7y/p/14344375.html

接下來

1. 這一下來 給我的感覺，前端真難頂~~
2. 之前的blog接口可能會大改，整體規範打算接着翻《Flask Web開發實戰_入門、進階與原理解析（李輝著 ）》中的 blueblog項目， flask源碼：https://github.com/greyli/bluelog ， flask-Demo http://bluelog.helloflask.com/
3. 前端還得好好學學，衝哈