axios请求数据和拦截

mounted () {
#//注册
this.axios.post(' http://localhost:3000/register',{
username:'laochen',
password:'123456'
}).then(res=>{
console.log(res);
})

#//登陆
this.axios.post(' http://localhost:3000/login',{
username:'laochen',
password:'123456'
}).then(res=>{
console.log(res);
})

}

添加请求拦截器
axios.instance.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});

// 添加响应拦截器
axios. instance.interceptors.response.use(function (response) {
#// 响应时直接响应到resx下面data的数据
return response.data;

}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});

axios请求数据和拦截相关推荐

Cli4.5.x 中使用axios请求数据
Cli4.5.x 中使用axios请求数据文章目录 Cli4.5.x 中使用axios请求数据前言一.安装并配置axios 1.安装axios 2.vue-axios 二.各种请求方法三.请求 ...
Vue之单文件组件的数据传递,axios请求数据及路由router
1.传递数据例如,我们希望把父组件的数据传递给子组件. 可以通过props属性来进行传递. 传递数据三个步骤: 步骤1:在父组件中,调用子组件的组名处,使用属性值的方式往下传递数据 <Menu ...
vue中使用axios请求数据过程
使用axios请求数据过程 1. 导入axios包 import axios from 'axios' 2. 在钩子函数中调用函数 mounted() {this.getinitialdata() / ...
前端Vue学习之路(四)axios请求数据
axios 1.增加新知识 2.旧方案 3.新方案(一) 4.为什么要用拦截器 (新方案二) 1.增加新知识假如每个组件都引用axios,后期如果axios库不再维护了,那每个组件都要改动所以封装 ...
Vue3 配置代理和使用全局axios请求数据
更详细请参考: https://blog.csdn.net/qq_28550263/article/details/120633610 vue3中配置全局代理和使用axios向服务器请求数据 main ...
偏前端 - vue-cli(axios请求数据==》token+按接口参数顺序（参数值拼接base64）- MD5)...
token+按接口参数顺序(参数值拼接base64)-> MD5) 请教于"喵咪",再此特别鸣谢!~ 特别强调:import qs from qs; 这个内部方法一定要用哦. ...
jQuery ? NO, Axios——请求数据
axios也是一个JS库,我们今天要说的是使用axios来进行我们的Ajax请求那么问题来了,我们为什么要放着jQuery不用,用axios呢? 因为这个JS库是专门用于网络数据请求的库,它有着俩个 ...
umi搭建react+antd项目（四）axios请求数据
1.下载axios yarn add axios 2.在src下新建文件夹conf,再新增js文件:axiosConf.js import axios from 'axios'axios.defaul ...
今天试着用原生axios以及jquery下的axios请求数据
axios.get("https://route.showapi.com/9-2", {params: {area: "北京",showapi_appid: & ...

axios请求数据和拦截

axios请求数据和拦截相关推荐

最新文章

热门文章