1,安装axios
yarn add axios -S
【vite-vue-ts axios请求】2,新建api文件夹
axios.ts
import axios from 'axios';
let instance = axios.create({
baseURL: 'http://localhost:3555/api'
})export default instance;
index.ts
import instance from "./axios";
export const getUrl = () => {
return instance({
url: "/users/test" // 请求地址
})
}export default { getUrl };
3,使用
import { getUrl } from "../api/index"export default {
setup() {
const getUrls = async() =>{
const res = await getUrl()
console.log(res,2)
}
onMounted(() => {//生命周期
getUrls()
})
}
}
推荐阅读
- vue|前端合并单元格，一看就会
- vite创建vue3+ts+ant design vue项目
- #|VUE_数据修改后调用 this.$nextTick
- Vue|黑马头条移动项目(十)（登录页面的布局）
- Vue|Vue实现页面的局部刷新
- vue|vue初学（axios获取api的数据）
- VUE|基于Vant组件的Vue移动端黑马头条项目Day01 处理rem适配 字体图标 封装axios
- vue|一个基于vue3+vite+ts的完整项目
- CSS|采用官方最简单的办法搭建vite+vue+ts开发项目框架