PHP前端开发

vue怎么获取baseURL

百变鹏仔 3个月前 (09-25) #VUE
文章标签 vue
在 vue 中获取 baseurl 的方法:vue.config.baseurl:设置全局请求的 baseurl。axios.defaults.baseurl:设置 axios 库中所有请求的 baseurl。use 组合函数:设置组件或页面的 baseurl。mountoptions:在组件测试中设置 baseurl。createapp:在创建 vue 实例时设置 baseurl。在 axios 实例中设置:创建具有自定义 baseurl 的 axios 实例。

如何在 Vue 中获取 BaseURL

Vue 中的 BaseURL 是一个用于请求的根 URL。可以通过多种方式在 Vue 中获取 BaseURL:

1. Vue.config.baseURL

Vue.config.baseURL 是一个全局配置选项,用于设置所有 Axios 请求的 BaseURL。

立即学习“前端免费学习笔记(深入)”;

Vue.config.baseURL = '/api';

2. axios.defaults.baseURL

axios.defaults.baseURL 是 Axios 库中用于设置所有 Axios 请求的 BaseURL 的选项。

import axios from 'axios'axios.defaults.baseURL = '/api';

3. 使用 use 组合函数

use 组合函数可用于设置组件或页面的 BaseURL。

import { use } from 'vue'export default {  setup() {    use({      baseURL: '/api'    })  }}

4. 通过 mountOptions

在使用 Vue Test Utils 测试组件时,可以通过 mountOptions 选项设置 BaseURL。

import { mount } from '@vue/test-utils'const wrapper = mount(MyComponent, {  global: {    plugins: [{ install(app) { app.config.baseURL = '/api' } }]  }})

5. 通过 createApp

在创建 Vue 实例时,可以通过 createApp 选项设置 BaseURL。

import { createApp } from 'vue'const app = createApp({ /* ... */ })app.config.baseURL = '/api';

6. 在 Axios 实例中设置

可以创建一个具有自定义 BaseURL 的 Axios 实例。

import axios from 'axios'const instance = axios.create({  baseURL: '/api'})