vue3axios跨域

axios是一个常用的前端HTTP请求库，用于发送请求和处理响应。在Vue 3.x中使用axios进行跨域请求的方法如下：

首先，在vue.config.js中配置webpack，具体配置如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 跨域的目标地址
        changeOrigin: true, // 是否改变源地址
        pathRewrite: {
          '^/api': '' // 将请求路径中的'/api'替换为空
        }
      }
    }
  }
}

接下来，在main.js中引入axios并设置默认请求地址：

import axios from 'axios'
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
app.config.globalProperties.$http = axios
axios.defaults.baseURL = '/api'

app.mount('#app')

然后，就可以在组件中使用axios发送请求了：

this.$http.post('user/getInfo').then(res => {
  console.log(res)
}).catch(error => {
  console.log(error)
})