Axios 默认配置 简化URL 简化代码 多台服务器接口配置

简介: Axios 默认配置 简化URL 简化代码 多台服务器接口配置

main.js配置

import Axios from 'axios'
Axios.defaults.method = 'GET'//设置默认的请求类型
Axios.defaults.baseURL = 'https://apis.jxcxin.cn/api'//设置接口地址
Axios.defaults.params = { token: 'abc' } //每次请求都带上这个参数
Axios.defaults.timeout = 5000 //请求的超时时间
Vue.prototype.$axios = Axios

简化接口地址

配置了baseURL 直接写路径即可

this.$axios.get('/title',//直接写路径即可
          {
            params: {
              id: 10
            }
          }).then(res => {
            console.log(res)
         })

多台服务器配置

如果存在多台服务器,有多个接口使用 Axios.defaults.baseURL 就直接写死了,这个时候可以二次封装要一下,

例如:登录,或数据处理不是同一个服务器上的

import Axios from 'axios'
Vue.prototype.$axiosServ1 = Axios.create({
  baseURL: 'www.BAIDU.com'
})
Vue.prototype.$axiosServ2 = Axios.create({
  baseURL: 'www.avc.com'
})
this.$axiosServ1.get('www.baidu.com').then(res => {
          console.log(res)
        })//服务器1
  this.$axiosServ2.get('www.baidu.com').then(res => {
          console.log(res)
        })//服务器2
相关文章
|
1月前
|
Ubuntu 网络协议 Java
【Android平板编程】远程Ubuntu服务器code-server编程写代码
【Android平板编程】远程Ubuntu服务器code-server编程写代码
|
3月前
|
监控 安全 Linux
socket编程之常用api介绍与socket、select、poll、epoll高并发服务器模型代码实现(3)
高并发服务器模型-poll poll介绍   poll跟select类似, 监控多路IO, 但poll不能跨平台。其实poll就是把select三个文件描述符集合变成一个集合了。
36 0
|
2天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
17 0
|
4天前
|
Linux 网络安全 开发工具
【超详细!超多图!】【代码管理】Python微信公众号开发(3)- 服务器代码上传Github
【超详细!超多图!】【代码管理】Python微信公众号开发(3)- 服务器代码上传Github
11 0
|
11天前
axios封装和配置
axios封装和配置
16 0
|
1月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
|
1月前
|
自然语言处理 Shell 网络安全
Liunx服务器搭建SVN服务,并通过钩子实现代码自动部署
Liunx服务器搭建SVN服务,并通过钩子实现代码自动部署
32 3
|
2月前
|
Ubuntu 网络协议 Linux
【Linux】Android平板上远程连接Ubuntu服务器code-server进行代码开发
【Linux】Android平板上远程连接Ubuntu服务器code-server进行代码开发
57 0
|
3月前
Vue3 配置代理和使用全局axios请求数据
Vue3 配置代理和使用全局axios请求数据
82 1
|
3月前
|
JavaScript
Vue如何请求接口——axios请求
Vue如何请求接口——axios请求
32 0