在Vue開發中，有時候我們需要使用網站的真實IP地址，而非默認的localhost。這個情況通常出現在我們需要與別的設備或是后端服務進行聯調時。本文將介紹如何在Vue項目中替換localhost為IP地址的方法。

首先，我們需要在Vue項目的根目錄中找到一個名為vue.config.js的文件。如果沒有這個文件，我們可以在根目錄下創建這個文件。

module.exports = {
devServer: {
host: '192.168.1.101', // 這里填寫你的真實IP地址
port: 8080
}
}

在vue.config.js文件中，我們通過修改devServer對象的host屬性，將localhost替換為我們自己的IP地址。需要注意的是，這里填寫的IP地址必須是你所使用的設備的真實IP地址，而非公網IP地址或者局域網IP地址。

修改完vue.config.js的host屬性后，我們需要重啟Vue項目才能使這個修改生效。可以使用npm run serve命令重啟Vue項目。

這時候我們再次訪問Vue項目，就可以發現地址欄中的localhost已經被替換成了我們所填寫的真實IP地址。

值得注意的是，在某些情況下我們可能仍然無法通過使用真實IP地址來訪問Vue項目。這種情況通常是因為你的局域網環境存在某些限制，例如路由器對局域網內的設備進行了隔離。這種情況下，我們可以嘗試在設備之間使用映射端口，或是在服務器上進行反向代理。

當我們需要與后端服務進行聯調時，也可以使用類似的方法將后端服務的地址替換為我們所需要的地址。這樣既可以使Vue項目和后端服務成功聯調，也可以避免我們因為跨域問題所產生的麻煩。