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
相关文章
|
16天前
|
前端开发 JavaScript
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
28 4
|
23天前
|
Java
软件开发常用之SpringBoot文件下载接口编写(下),Vue+SpringBoot文件上传下载预览,服务器默认上传是1M,可以调节,调节文件上传大小写法,图片预览,如何预览后下次还能看到,预览写法
软件开发常用之SpringBoot文件下载接口编写(下),Vue+SpringBoot文件上传下载预览,服务器默认上传是1M,可以调节,调节文件上传大小写法,图片预览,如何预览后下次还能看到,预览写法
|
1月前
|
前端开发 JavaScript API
技术经验分享:axios的全局配置baseUrl
技术经验分享:axios的全局配置baseUrl
14 3
机房构建---服务器必须搭配显示器,接口使用VGA的线,必备基础设施之显示器
机房构建---服务器必须搭配显示器,接口使用VGA的线,必备基础设施之显示器
|
22天前
|
JavaScript Linux 网络安全
若依修改,若依启动之后,网页端无法访问接口,宝塔和云服务器的端口都要放开,就好了,软件开发常见流程,后台端口就可以访问了
若依修改,若依启动之后,网页端无法访问接口,宝塔和云服务器的端口都要放开,就好了,软件开发常见流程,后台端口就可以访问了
|
22天前
|
运维
软件开发常见流程之下载安装宝塔,一台服务器安装一次,多台就重复这个步骤
软件开发常见流程之下载安装宝塔,一台服务器安装一次,多台就重复这个步骤
|
23天前
|
JavaScript API
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
|
24天前
|
应用服务中间件
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
|
24天前
|
前端开发 JavaScript Java
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
|
25天前
|
JavaScript API
vue 异步网络请求 axios 【实用教程】(含访问本地接口)
vue 异步网络请求 axios 【实用教程】(含访问本地接口)
29 0

热门文章

最新文章