跨域請求在前后端分離架構中是比較常見的需求，而axios正是一個非常實用的Vue.js跨域請求工具庫。然而在Vue中使用axios進行跨域請求需要進行一些額外配置，本文將介紹如何在Vue中使用axios進行跨域請求。

首先，在Vue項目中安裝axios：

npm install axios --save

接著，在Vue項目中創建一個axios實例：

import axios from 'axios'
const service = axios.create({
baseURL: 'https://api.example.com/',
timeout: 5000 
})
export default service

在這個實例中，我們使用了baseURL來設置請求的根路徑，timeout則是請求的超時時間。接下來，我們需要在Vue項目中使用這個實例：

import service from '@/utils/request'
export function fetchData() {
return service({
url: '/data',
method: 'get',
params: {
id: 'xxx'
}
})
}

在這個示例中，我們定義了一個fetchData函數，它將發送一個GET請求到https://api.example.com/data，并且有一個id參數。

接著，在Vue項目中需要配置跨域：

// vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'https://api.example.com/',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
}
}
}

在這個配置中，我們將URL以/api開頭的請求代理到https://api.example.com，并且利用changeOrigin進行跨域處理。

最后，在Vue項目中使用fetchData函數：

export default {
mounted () {
fetchData().then((response) =>{
console.log(response)
})
}
}

以上就是在Vue中使用axios進行跨域請求的全部過程。當然，在實際使用中還有很多細節需要注意，例如配置多域名等問題，但是這里通過一個簡單的示例介紹了如何在Vue項目中進行跨域請求。