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>
相关推荐
归于尽几秒前
浏览器和 Node.js 的 EventLoop,原来差别这么大
前端·node.js·浏览器
雲墨款哥1 分钟前
Vue 3 路由管理实战:从基础配置到性能优化
前端·vue.js
Jacob02345 分钟前
JavaScript 模块系统二十年:混乱、分裂与出路
前端·javascript
独立开阀者_FwtCoder10 分钟前
Vite Devtools 要发布了!期待
前端·面试·github
独立开阀者_FwtCoder10 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
CodeSheep18 分钟前
小米汽车这薪资是认真的吗?
前端·后端·程序员
白白李媛媛23 分钟前
上传Vue3+vite+Ts组件到npm官方库保姆级教程
前端·arcgis·npm
晴殇i32 分钟前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
程序猿阿伟36 分钟前
《声音的变形记:Web Audio API的实时特效法则》
开发语言·前端·php
凌览40 分钟前
有了 25k Star 的MediaCrawler爬虫库加持,三分钟搞定某红书、某音等平台爬取!
前端·后端·python