axios的post以及get的运用 还有localstorage

最新推荐文章于 2023-10-17 23:39:17 发布
最新推荐文章于 2023-10-17 23:39:17 发布
阅读量1k 收藏
点赞数
分类专栏： 技术 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WonderGlans/article/details/83379629
版权

axios的post以及get的运用 还有localstorage

与后端进行交互时使用axios.get以及axios.post来获取接口和上传信息。一定要和后端人员协商好接口的表头以及参数信息，否则信息无法进行交互，还有比较奇怪的一点是我用axios.post会报401的错，但是axios({method:POST…})就没问题

以及localstorage的使用方法
定义：localStorage.setItem(‘key’,'value’)
获取：localStorage.getItem('key’)
删除：localStorage.removeItem(‘key’)
清空：localStorage.clear()

localstorage永久有效 所以什么时候想要他失效要自己选择时间段remove

Ricki Wang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue根据url获取内容axios_vue分类页开发--axios数据获取，localstorage数据缓存
weixin_39618275的博客
12-22 398
效果图1、首先在app.vue中，给路由添加keep-alive，使其能够被缓存2、配置路由 router/index.js3、书写各部分组件src/pages/category/header.vue搜索框exportdefault{name:'CategoryHeader'}.header{background-color:rgba(222,24,27,0.9);transition:backg...
封装axios
A2101526039的博客
05-25 238
封装axios 引入axios import axios from 'axios' 创建axios实例 // 创建axios实例对象，添加全局配置 const service = axios.create({ baseURL: config.baseApi, timeout: 8000 }) 请求拦截 ​ 先创建一下axios 然后添加请求的拦截器，请求的拦截器先判断localstorage有没有token 通过storage.getItem()读取，并赋值， 然后会把headers.
axios实现本地缓存
Stark6的博客
09-26 2417
import axios from 'axios' // 线上数据库 // axios.defaults.baseURL = "XXXXXXXXXXXXX" // 测试数据库 axios.defaults.baseURL = "http://192.168.1.25:8080" axios.defaults.timeout = 2500; // 添加请求拦截器 axios.interce...
axios 请求的缓存封装
最新发布
糜家智の博客
10-17 1344
咱们的网站或者程序，每一个页面和操作都需要请求后端接口来获取响应和渲染页面，抛开post请求方式的接口不说，部分get请求得到的数据，短时间内不会更新，或者短时间得到的响应数据不会变化，这个时候就可以把从接口得到的数据缓存下来，下次刷新或者是请求接口的时候，就不用请求接口，从而大幅度提高用户体验。当然，如果服务器的流量很多且兆宽也比较大，可以自动忽略。不过自研小网站，或者资讯类、文字类数据量比较大的程序就可以完全利用起来了。
axios的get请求 - 代码篇
草巾冒小子的博客
04-04 2219
vue + elemetUI + axios的get方式请求（踩坑篇） 代码示例： 一、<script> · 部分代码 data() { return { resumes :[], xss: [], dialogShareFormVisible: false, // 弹框:新建分享 默认不显示 } }, // =============...
vue中axios请求的封装实例代码
10-17
接下来，可以设置全局的超时时间以及请求头信息，例如为POST请求设置`Content-Type`： ```javascript axios.defaults.timeout = 10000; axios.defaults.headers.post['Content-Type'] = 'application/x-...
详解vue中axios请求的封装
10-17
最后，封装axios时，可以创建自定义的get和post方法，以简化调用： ```javascript export function get(url, params) { return axios.get(url, { params }); } export function post(url, data) { return axios....
封装 axios+promise通用请求函数操作
10-14
当axios的get或post请求成功时，我们检查响应数据的code字段。如果code为200，表示请求成功，我们将数据解析并传递给resolve函数，否则我们调用reject函数，传递错误消息。在出现错误时，我们关闭加载指示器，并使用...
vue+axios全局添加请求头和参数操作
10-15
如果后端接受将token作为请求参数，可以在axios的拦截器中检查localStorage，获取token并将其添加到请求参数中。例如： ```javascript const service = axios.create({ baseURL: "http://XXXXXXXXX:XXXX", ...
axios-master.zip
06-12
本篇文章将详细探讨axios的核心特性，以及在Vue项目中如何有效地利用axios进行数据获取和发送。 首先，我们来了解axios的基本概念。axios是一个基于Promise的HTTP库，这意味着它支持ES6的Promise语法，使得异步操作...
vue axios get请求参数为json对象 而非字符串形式
weixin_30343157的博客
01-17 1万+
axios get请求方式 传递给后台的参数都是字符串下形式，无法传递json对象 或数组对象等 　　 post请求方式则可以实现， 　　 但若后台接口要求必须用get方式传递对象给后台，需要装插件，实现方法如下： 再复习下Axios API：https://www.kancloud.cn/yunye/axios/234845 安装axios npm install axios ...
axios拦截器
A444477的博客
05-11 641
XHR （1）xhr是XMLHttpRequest的简写 （2）xhr是一组API函数集，可被JavaScript、JScript、VBScript以及其他web浏览器内嵌的脚本语言调用，通过HTTP在浏览器和web服务器之间收发XML数据或者其他数据。最大的好处就是动态刷新网页。 （3）xhr中的get、post请求 // 创建XHR let xhr = new XMLHttpRequest(); // 利用open方法将API接口引过来，建立连接 xhr.open('GET', 'http://xxxx
Vue项目中axios请求的时候使用localStorage去拼接报的401错误
weixin_44691513的博客
03-09 1012
在我上一篇博客所说的项目中的userinfo组件中，当在请求的时候会发生401错误，我们只要添加上请求头即可。 Headers : { 'Authorization': 'Bearer ' + localStorage.getItem("token"), },
react使用localStorage存储token
u013455430的专栏
03-04 8508
登录的接口传回Token，将其直接放在store中刷新后自动丢失，所有考虑用redux-persist去处理，由于相对复杂所以就放弃了 然后找到了用localStorage存储数据的方法 登录时将接口返回的数据存入localStorage 登录接口调用成功后 调用函数将数据保存，登录刷新后判断取出数据 可以直接取出使用，也可以放入state中，在退出登录时清空localSt...
vue项目中对axios的封装和API接口管理详解
眸中客的博客
05-14 2599
在我们做vue项目时，使用axios请求数据已经是司空见惯了，它是基于promise的http库，可以运行在浏览器和nodejs中，其实他有很多的优秀特性，例如，请求拦截，响应拦截，以及取消请求，json转换，客户端防御XSRF等，所以尤大大直接推荐我们使用axios库。 我们先看axios如何封装，首先我在src下创建requestjs文件，这个文件里面我主要对ax......
简单的storage封装
我是渣渣
04-07 1961
最近项目用到storage 自己简单的封装了一下，方便自己后期拷贝和调用 /* storage 主要放项目中的storage相关操作：存取等 没什么高深的，大神就不用看了 */ var storage = { /** 对本地数据进行操作的相关方法，如localStorage,sessionStorage的封装 */ setStorage: fun...
vuex+axios——将get到的数据存到store中
仅做个人笔记
04-26 4068
Home.vue: router_submit () { this.$store.dispatch('getResult') this.$router.push({ path: '/Questions' }) } store.js: import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios...
vue-axios的使用及其get与post网络请求
热门推荐
从零出发
06-23 17万+
一、vue-axios学习网址 网址1： https://github.com/imcvampire/vue-axios 网址2： https://www.npmjs.com/packge/axios 二、vue中get与post请求 vue高版本中，推荐使用axios进行网络请求，而不再使用vue-resource。 在vue04项目中，在终端运行 npm install --sa...
React中使用LocalStorage用户登录
MichaelAn的博客
08-05 1万+
localStorage 通常用来存储服务器发送的一些数据或者用户自定义数据。localStorage 中的键值对总是以字符串的形式存储。 (意味着数值类型会自动转化为字符串类型)。 与 cookie 相比，localStorage 的存储量较大（cookie只有2k，只能存放字符串），下面介绍如何使用 localStorage 存储、获取、使用数据。与 sessionStorage 相比，存储在...
vue通用axios封装 get put post delete
09-07
下面是一个通用的Axios封装，可以用于发送get、put、post和delete请求。 首先，我们需要在项目中安装Axios依赖。可以使用npm或yarn命令来安装： ``` npm install axios ``` 或者 ``` yarn add axios ``` 然后，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值