技术经验分享: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月前
|
移动开发 JavaScript 前端开发
"解锁axios GET请求新姿势!揭秘如何将数组参数华丽变身,让你的HTTP请求在云端翩翩起舞,挑战技术极限!"
【8月更文挑战第20天】二维码在移动应用中无处不在。本文详述了在UniApp H5项目中实现二维码生成与扫描的方法。通过对比插件`uni-app-qrcode`和库`qrcode-generator`生成二维码,以及使用插件和HTML5 API进行扫描,帮助开发者挑选最佳方案。无论是即插即用的插件还是灵活的JavaScript实现,都能满足不同需求。
26 0
|
3月前
|
JSON 前端开发 JavaScript
技术经验分享:Axios的基本介绍
技术经验分享:Axios的基本介绍
22 0
|
3月前
|
JSON 前端开发 JavaScript
技术经验分享:Axios的基本介绍
技术经验分享:Axios的基本介绍
15 0
|
3月前
|
JSON JavaScript API
Vue2和Vue3axios的如何使用,Vue3全局配置axios,axios全局配置
Vue2和Vue3axios的如何使用,Vue3全局配置axios,axios全局配置
|
4月前
axios封装和配置
axios封装和配置
56 0
|
4月前
Vue3 配置代理和使用全局axios请求数据
Vue3 配置代理和使用全局axios请求数据
564 1
|
4月前
【Axios】配置默认值及拦截器代码逐行详解
【Axios】配置默认值及拦截器代码逐行详解
61 0
|
4月前
|
移动开发 JavaScript 前端开发
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
61 0
|
9月前
|
数据处理
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
|
9月前
|
JavaScript
Axios简单使用与配置安装-Vue
Axios简单使用与配置安装-Vue