vue怎么获取baseURL
在 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'})