首页 > 其他分享 >vue中 封装axios 以便管理和使用

vue中 封装axios 以便管理和使用

时间:2022-11-14 23:46:35浏览次数:45  
标签:npm 文件 axios 封装 IP 接口 vue 模块

1.npm 或 yarn  安装axios到项目中

npm install axios
yarn add axios

2.新建api文件 引入服务器的基本IP:端口

//所有用户的接口
import axios from "axios";

//服务器的基本IP:端口
axios.defaults.baseURL = "http://127.0.0.1:5000"

//暴露出去 其他文件需要引用
export default axios

 3. 分模块管理接口  是哪个模块下的接口就放在单独的js文件中  页面中使用只需引入

 

 

 

 4 .获取成功   需要加入新的模块 新的接口  就在apis文件夹里新增js文件   以此类推

 

标签:npm,文件,axios,封装,IP,接口,vue,模块
From: https://www.cnblogs.com/zyzlb/p/16890953.html

相关文章

  • vue 前端读取后端excel文件流在页面显示、导出
    前端读取后端excel文件流在页面显示、导出,主要是样式布局要完全不变,所以不能用a-table/el-table,采用三方luckyexcel安装依赖 npminstallluckyexcel<template><......
  • vue+iviews 动态表格(table组件)
      iviews官网上关于table的使用方法是固定表头的使用方法,如何生成动态的table网上找了好多也没有特别合适的,综合几位博主的文章经过尝试终于实现了,分享出来供大家参考......
  • javascript实现封装
    //构造函数functionDog(){ this.leg=4; this.bark=function(){ alert("汪汪"); }}//创建一个黑狗varhuzi=newDog();此处我们并没有完成面向对象的......
  • Vue2.x下的各组件如何传递信息?(不使用Vuex)
    Vue2(选项式)一,父组件向子组件传递数据:介绍:在引用的子组件中定义自定义属性msg与user.可以通过v-bind绑定要发送的数据。  在子组件中使用props接收自定义属性msg......
  • vue + el-menu 动态加载 一二级菜单 侧边栏
    1.HTML<template><divclass="container"><divclass="top">上</div><divclass="main"><!--动态加载侧边栏首先分为可折叠的......
  • 65.说下vue3的使用感想(说些vue3对比vue3的方便之处)
    vue3使用了组合式API,setup替换了选项式api,不需要在多个api里面写代码了,而且使用了setup的语法糖,可以更加方便写代码;vue3使用proxy替代了Object.defineProperty实现数......
  • 58. vue常用的api
    1. nextTick 使用场景:通过异步渲染的页面解构不能直接dom操作,要使用nextTick(延迟回调)等待一下;nextTick的作用:感知dom的更新完成,类似于updated;2.set用来追加响......
  • vue脚手架的使用
    vue脚手架的使用搭建vue脚手架环境1.傻瓜式安装node:官网下载:https://nodejs.org/zh-cn/2.安装cnpm:>:npminstall-gcnpm--registry=https://registry.npm.tao......
  • 3.drf使用配置&请求封装
    1.drf使用配置1.1安装pipinstalldjangorestframework==3.12.4版本要求djangorestframework==3.12.4python(3.5-3.9)Django(2.2,3.0,3.1)djangores......
  • springboot框架中service层抽取增删改查并封装
    1、BaseService.javaimportcatl.mapper.BaseMapper;importtk.mybatis.mapper.entity.Example;importjavax.annotation.Resource;importjava.util.Collections;import......