vue3 配置Origin

在Vue3中配置跨域(CORS)通常不是通过直接修改`vue.config.js`文件里的`origin`属性，因为这涉及到的是浏览器的同源策略，而不是Vue框架本身。但如果你需要管理API请求的跨域，可以在axios实例化的时候设置`withCredentials`属性以及`baseURL`。

例如，在`main.js`或其他适当的地方，你可以这样做：

import axios from 'axios'

// 创建axios实例并配置跨域
const instance = axios.create({
  baseURL: '你的API地址', // 如果API不在同域名下
  withCredentials: true, // 如果需要发送cookies
  headers: {
    'Content-Type': 'application/json' // 根据需要添加其他头部信息
  },
})

instance.interceptors.request.use((config) => {
  if (process.env.NODE_ENV === 'development') {
    config.headers.common['X-Custom-Header'] = 'your-value'
  }
  return config
}, (error) => Promise.reject(error))

export default instance

这样配置后，所有通过这个`instance`发起的HTTP请求都会按照指定的规则处理跨域。如果你想让所有Vue组件都能访问这个配置好的axios实例，可以注入到Vue原型上：

import Vue from 'vue'
import axiosInstance from './axios-instance'

Vue.prototype.$http = axiosInstance

然后在组件中可以通过`this.$http`来发起请求。