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

Python私教2024-06-19 16:41

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>