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

zy7y發表於2021-01-29
ASTAPIVue.jsiOSUIFlask

目錄

簡介

這次帶來的是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: {
      ....

後端服務

後面會將整套服務部署到雲伺服器上,所以可能會隨時失效

原始碼

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. 前端還得好好學學，衝哈

相關文章