vue3 axios 设置基地址

在3中，可以使用axios库来发送HTTP请求并设置基地址。你可以在项目中创建一个名为request.js（或其他名称）的文件，并在该文件中导入axios库。然后，你可以使用axios.create()方法创建一个基于特定基地址的实例。在这个实例中，你可以设置基地址、超时时间和请求方法等选项。

下面是一个示例代码，展示了如何在Vue3中使用axios设置基地址：

// request.js
import axios from 'axios'

// 设置基地址
const baseURL = 'http://localhost:3000/'

// 创建实例
export const axiosInstance = axios.create({
  baseURL: baseURL,
  timeout: 5000,
  // 这里可以设置其他请求选项，比如headers等
})

// 在Vue中使用
// 在需要发送请求的组件中，可以导入axiosInstance并发送请求
import { axiosInstance } from './request.js'

axiosInstance.get('/api/data')
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  })

通过这种方式，你可以在Vue3中设置基地址，并在需要发送请求的组件中使用axiosInstance来发送HTTP请求。这样就不需要在每个页面都传入基地址了，提高了代码的可维护性和可扩展性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue3 抽离封装axios](https://blog.csdn.net/qq_52697994/article/details/124780504)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue整合SSM项目实战](https://download.csdn.net/download/m0_55755339/88241603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]