axios打通fastapi和vue,实现前后端分类项目开发

axios

axios是一个前后端交互的工具,负责在前端代码,调用后端接口,将后端的数据请求到本地以后进行解析,然后传递给前端进行处理。

比如,我们用fastapi写了一个接口,这个接口返回了一条信息:

bash 复制代码
{"message":"Hello World"}

我现在,想要把message的内容,在前端进行展示,这个时候就需要使用到axios了。

安装:

bash 复制代码
pnpm install axios

vue如何展示信息

html 复制代码
<script setup>
import { ref } from 'vue';


const message = ref("hello vue!")

</script>
<template>
  <div class="w-22rem h-22rem bg-blue-300">
    {{ message }}
  </div>
</template>
相关推荐
程序员三千_11 分钟前
最近爆火的MCP到底是什么?
前端
古时的风筝24 分钟前
暴论:2025年,程序员必学技能就是MCP
前端·后端·mcp
古时的风筝25 分钟前
这编程圈子变化太快了,谁能告诉我 MCP 是什么
前端·后端·mcp
王月lydia29 分钟前
环境变量篇-vue3的H5项目从0到1工程化落地经验篇2
前端
赵要上天29 分钟前
利用TTP协议 ETag + 路由守卫 实现前端发版后通知用户更新得一个方案
前端
李剑一31 分钟前
写一个vitepress新建文章脚本,自动化创建链接,别再手写了!
前端·node.js·vitepress
火星思想32 分钟前
React如何实现时间切片
前端·react.js
小学生豆豆37 分钟前
eslint以及其扩展插件
前端
Electrolux43 分钟前
【前端bug】Safari的选区机制导致的前端@人组件的bug
前端
icefiresong2444 分钟前
如何让 Vue 组件自动清理 EventBus 监听器?告别内存泄漏!
vue.js