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>
相关推荐
Moment13 分钟前
终于搞懂了!Source Map 是如何让你定位打包后代码的?💥 💥 💥
前端·javascript·webpack
远小帅28 分钟前
基于 Vue.js 的 PDF 文档渲染性能优化实践
vue.js·性能优化·pdf·pdf.js
yang_love101134 分钟前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
好_快38 分钟前
Lodash源码阅读-keysIn
前端·javascript·源码阅读
好_快38 分钟前
Lodash源码阅读-nativeKeysIn
前端·javascript·源码阅读
好_快41 分钟前
Lodash源码阅读-baseKeysIn
前端·javascript·源码阅读
Good luck—dys43 分钟前
VUE如何后端控制及动态路由详细讲解
前端·javascript·vue.js
好_快1 小时前
Lodash源码阅读-baseGetAllKeys
前端·javascript·源码阅读
裁二尺秋风2 小时前
Nginx — Nginx处理Web请求机制解析
前端·nginx