vue是一款流行的前端框架，它通過數據驅動和組件化開發的方式優化了我們的開發效率。在實際的項目中，網絡請求是必不可少的環節。vue通過axios插件來進行網絡請求，下面就來介紹一下vue中的網絡請求。

首先需要通過npm安裝axios:

npm install axios --save

在vue中我們一般會將網絡請求封裝成一個公共的文件，方便我們在各個組件中調用。下面是一個基本的封裝示例：

import axios from 'axios';
axios.defaults.baseURL = 'http://localhost:3000/'; //設置默認的基本路徑
const request = (method, url, data) =>{
 return axios({
method,
url,
data
 })
}
export const getPostById = (id) =>{
 return request('get', `post/${id}`)
}

在上面的代碼中，我們使用了axios.defaults.baseURL來設置我們項目的基本路徑。如果我們的接口都在http://localhost:3000/下面，我們就可以將此路徑設置為基本路徑。使用request函數進行網絡請求時，我們只需要傳入對應的方法名稱(method)、請求的url和需要傳遞的數據(data)。例如，getPostById函數就是一個通過get方法請求post表中指定id文章的網絡請求。

在組件中，我們可以通過import來引用公共文件中封裝好的請求函數。例如：

import { getPostById } from '@/utils/request'
export default {
 name: 'PostDetail',
 data() {
return {
post: {}
}
 },
methods: {
async getPost(id) {
const { data } = await getPostById(id);
this.post = data;
}
 },
mounted() {
this.getPost(this.$route.params.id);
 }
}

在getPots函數中，我們通過get方法請求指定id的文章，將獲取到的數據賦值給組件中的post。在mounted鉤子函數中，我們通過$route.params.id獲取到組件路由中的參數，并傳給getPost函數中。

總結一下，在vue中進行網絡請求十分方便，我們可以通過npm安裝axios插件，并編寫公共的請求文件。在組件內部，我們只需要引入請求文件中的對應函數，并傳遞需要的參數即可完成網絡請求。