技术经验分享:axios的全局配置baseUrl

简介: 技术经验分享:axios的全局配置baseUrl

"

在发出请求之前,可以做一些配置信息,这样可以带来一些额外的好处。

1、设置超时时间:请求发出去之后,如果隔了多少时间后台没有响应,前端认为已经出错了,超时了。

2、baseURL:向后台发请求的时候我们可以提前设置一下后台基准的请求地址,这样后面再发请求的时候,只需要写后面的路径就可以了。

// 创建axios实例

const service = axios.create({

// baseURL: '',

baseURL: '/api',

timeout: 5000000

})

//代码效果参考: https://v.youku.com/v_show/id_XNjQwNjg0ODkyMA==.html

如果baseURL值为那么就会拼接js中的路径,如果是/area/findAreasByPCity,则会访问

如果baseURL值为/api,则在proxytable中代码如下:

proxyTable: {

'/api': {

target:

changeOrigin://代码效果参考:https://v.youku.com/v_show/id_XNjQwNjg0ODk1Mg==.html

true

}

},

如果是/area/findAreasByPCity,从而访问

3、设置请求头

4、配置axios请求头中的content-type为指定类型

axios.defaults.headers.post【'Content-Type'】 = 'application/x-www-form-urlencoded';

感谢您的阅读,如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮。本文欢迎各位转载,但是转载文章之后必须在文章页面中给出作者和原文连接。


"
image.png
相关文章
|
1天前
|
JSON 前端开发 JavaScript
技术经验分享:Axios的基本介绍
技术经验分享:Axios的基本介绍
|
1天前
|
JSON JavaScript API
Vue2和Vue3axios的如何使用,Vue3全局配置axios,axios全局配置
Vue2和Vue3axios的如何使用,Vue3全局配置axios,axios全局配置
|
1月前
axios封装和配置
axios封装和配置
30 0
|
7月前
|
JavaScript 前端开发
前端vue配置多个代理 axios的使用
前端vue配置多个代理 axios的使用
116 0
|
1月前
Vue3 配置代理和使用全局axios请求数据
Vue3 配置代理和使用全局axios请求数据
236 1
|
1月前
【Axios】配置默认值及拦截器代码逐行详解
【Axios】配置默认值及拦截器代码逐行详解
48 0
|
1月前
|
移动开发 JavaScript 前端开发
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
50 0
|
6月前
|
数据处理
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
|
6月前
|
JavaScript
Axios简单使用与配置安装-Vue
Axios简单使用与配置安装-Vue
|
7月前
|
JavaScript 前端开发 Java
ElementUI实现登录注册+axios全局配置+CORS跨域
ElementUI实现登录注册+axios全局配置+CORS跨域
41 0