quasar axios创建访问多个端口url

问题描述

提示：这里描述具体问题：在一个web server中可能访问多个url的情况，也有可能访问多个端口号。

例如：在主页要访问axios.get(‘http://127.0.0.1:8088’)，去获取主页数据。然后在跳转页需要访问axios.get(‘http://127.0.0.1:8888’)获取数据。

---

原因分析：

提示：这里填写问题的分析：在启动文件中或有创建axios的函数，没一个函数都可以设置不同的访问参数。

---

解决方案：

提示：这里填写该问题的具体解决方案：在quasar boot文件夹下的axios.js中创建多个axios对象就可以了。

例如：

import { boot } from 'quasar/wrappers'
import axios from 'axios'

const api1 = axios.create({ baseURL: 'https://www.baidu.com' })
const api2 = axios.create({ baseURL: 'http://127.0.0.1:6055' })
const api3 = axios.create({ baseURL: 'http://127.0.0.1:5000' })

export{ api1, api2, api3}

在另外的js文件中导入即可使用。

import { api1, api2, api3 } from '../../boot/axios'

// 去百度网址get方法获取数据
const { data: res1 } = await api1.get('/v1/get')
// 去127.0.0.1：6055网址post方法获取数据
const { data: res2 } = await api2.post('/v1/post', formData)
// 去127.0.0.1：5000网址delete方法删除数据
const { data: res3 } = await api3.delete('/v1/delete')

console.log(res1)
console.log(res2)
console.log(res3)

欢迎评论：

提示：欢迎大家在评论区讨论相关问题。
可以关注博主，我会持续更新工作中遇到的技术小砖头，供大家使用。
也可以在评论区告知好的小砖头或技术，我会收录。
还可以指出本博文错误，希望大家不吝赐教。