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

本文主要是介绍axios打通fastapi和vue，实现前后端分类项目开发，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

axios

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

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

{"message":"Hello World"}

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

安装：

pnpm install axios

vue如何展示信息

<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>

这篇关于axios打通fastapi和vue，实现前后端分类项目开发的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---