vue3.0中axios的安装以及axios挂载产生的问题
1、通过指令 npm install axios -S 安装axios2、通过指令npm install vue-axios -S 安装vue-axios(注意：有时候我们在pack.json中看到vue-axios已经安装上去了，但是可能存在明明安装了，在组件中无法使用，因此需要重新安装vue-a...
axios.create的使用
axios.create的使用axios.create的使用场景当有多个后端端口时每个端口时如果单纯使用axios太麻烦使用axios.create就非常的方便现在我们有两个端口//发送3000端口 axios.defaults.baseURL=‘http://localhost:3000’ axi...
使用axios对json-server的增删改查
使用axios对json-server的增删改查1、获取信息 get命令axios.get(‘http://localhost:3000/tableData’).then((res)=>{console.log(‘数据’,res)let Date = res.data//获取到的信息赋值给表单...
axios调取本地mock模拟数据详细讲解
需要与后台进行数据交互 这里使用本地json数据来模仿后台数据交互流程 我们使用了mock数据（模拟后台数据）作为前端经常需要模拟后台数据，我们称之为mock。mock 的真正意义在于简化测试环境。假如你现在要测试一个dao，但是你有不想构建数据库环境就可以用mock模拟数据库的返回结果。进入正题...
使用Typescript重构axios(二十九)——添加baseURL
0. 系列文章1.使用Typescript重构axios(一)——写在最前面2.使用Typescript重构axios(二)——项目起手，跑通流程3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数4.使用Typescript重构axios(四)——实现基础功能...
入门级别axios的请求拦截
相信使用vue的很多童鞋，都知道axios，因为现在vue官网也是推荐我们使用axios往后台发送请求其实吧 请求拦截不是必须的 但是用好的话,确实可以帮我节省很多功夫和代码量说成请求拦截 这么高大上 其实 用俗话说就是 请求之前 先检验一遍 发送的数据或者获取下token数据 一般我们在开发的时...
AJAX踩坑指南(知识点补充)-axios拦截器
作用：在请求发送之前，响应回来之后执行一些公共逻辑 请求拦截器 每次请求之前都会经过请求拦截器的代码，config中包含请求的内容 可以在请求拦截器中加入token(但是有一种情况，还没登录的时候，还没生成token，会造成js代码执行逻辑上的一些错误) // 添加请求拦截器axios.inter...
axios 设置请求头之后POST或GET变成了OPTIONS，报错405
报错如图：首先出现options请求是因为你添加了自定义的请求头，导致你的简单跨域请求变成了复杂跨域的。本人看了很多相关文章，有的说让后台加什么请求头，不行。让运出来一下，还是可以的。自己瞎搞搞，发现，有一个请求头其实不需要的，注释了。就再也不会调用options方式请求啦！！！！import ax...
springboot response.sendError返回错误的时候，跨域情况下vue axios拿不到error
springboot response.sendError返回错误的时候，跨域情况下vue axios拿不到error.导致前端无法正常提示。搜索好多找到原因了。我服务器是用JWT和Shiro的session认证方式2中授权方式。JWT给APP用的。也配置了跨域拿不到error就没截图了，网上很多 ...
Vue开发及上线过程中遇到的坑（axios跨域，history模式下空白页问题）
最近公司在用vue开发一个网站，在这过程中，遇到了一些需要注意的点，在此先列出来，防止下次再次踩坑1.在开发环境下，使用axios进行数据交互时，如果遇到跨域问题的话，可以在如下图Config文件下的index.js 设置proxy代理你可以新建一个专门放接口的js 给后台的接口 自己重命名一下然后...
axios请求接口数据时报错：code: 401, message: “暂未登录或token已经过期“
错误截图：现象：刚登录进去请求数据，就说过期，在网上找了很多解决方法，都不适用我。网上大多是回到登录页面，重新获取新的token，报401的错误是token时间过久，失效了。但我这情况是刚登录进去就说过期了，经过一一排查，我发现是我打错了。解决：经过使用浏览器的开发者工具，发现Authorizati...
封装Axios
1、安装axios插件 npm i axios 2、根据项目需求：比如一个项目使用多个后端服务 那么baseURL需要动态传入，或者不同的请求设置不同的请求头字段 src/utils/request.js import axios from 'axios';class Request { cons...
axios post请求后台获取不到参数
使用vue开发项目，ajax打算使用axios（听说很牛逼，就想试试）。结果发现post请求后台获取不到参数。代码如下：axios.post('/v1/card/info', { cardNo: this.iccid, ...
axios与djangopost通信 后端获取数据
前置知识ajax形式post提交数据的content-type有主要常用三种application/x-www-form-urlencodedmultipart/f...
01.AJAX 概念和 axios 使用
01.AJAX 概念和 axios 使用 1. 什么是 AJAX ? 使用浏览器的 XMLHttpRequest 对象 与服务器通信 浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页 2. 什么是...
使用axios结合access_token和refresh_token进行无感刷新
<script setup lang="ts">import { RouterLink, RouterView } from 'vue-router'import HelloWorld from './components/HelloWorld.vue'import axios, { t...
原创：【ajax | axios跨域简单请求+复杂请求】自定义header头Token请求Laravel5后台【亲测可用】
如标题：我想在ajax的header头增加自定义Token进行跨域api认证并调用，api使用laravel5编写，如何实现？首先，了解下CORS简单请求和复杂请求。 -- CORS简单请求 -- 链接：https://developer.mozilla.org/zh-CN/docs/We...
Vue使用axios post方法发送json数据报415Unsupported Media Type
1.Vue使用axios post方法发送json数据<template> <el-aside> <el-form ref="...
Vue 中用delete方式进行axios请求接口,请求状态码报415(Unsupported Media Type) - 有匪
Vue 中用delete方式进行axios请求接口,请求状态码报415(Unsupported Media Type) 报错截图: 导致原因：&...
Vue开发实例（七）Axios的安装与使用-一、Axios
Axios 是一个基于 promise 的 HTTP 库，类似于我们常用的 ajax。 在开发过程中，特别是前后端分离的项目，比如前端用Axios、ajax请求后端数据，后端也许当前只给了接口文档，还没有数据的返回，导致前端无法进行测试、调试，现在可以使用mock.js拦截前端ajax请求，更加方...