您的位置:首页 > Web前端 > Vue.js

FastAPI项目实战:SayHello(FastAPI + vue.js + axios + element ui 翻自Flask版的SayHello)

2021-01-29 01:23 1991 查看

目录

简介

这次带来的是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. 前端还得好好学学,冲哈
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: