在實際開發中，我們常常需要離線部署Vue應用，以便于在沒有網絡連接的情況下也能夠訪問應用。下面將介紹Vue應用的離線部署方法。

首先，我們需要在本地打包Vue應用。使用npm run build命令可以將應用打包成一個靜態的HTML、CSS和JS文件，這些文件可以直接在瀏覽器中打開。

npm run build

完成打包后，我們需要找到輸出文件的路徑。在package.json文件中可以看到build命令的執行腳本，根據腳本中的路徑配置，輸出目標文件會被打包到該路徑下。

接下來，我們需要一個HTTP服務器來提供應用的服務。由于我們只需要提供靜態文件服務，因此可以使用Node.js自帶的http-server模塊，它可以快速啟動一個HTTP服務器。

npm install -g http-server
http-server ./dist

執行上述命令后，終端會提示HTTP服務器啟動成功，同時顯示啟動的地址和端口號。在瀏覽器中輸入該地址就可以訪問Vue應用。

然而，由于我們的應用使用了路由，因此在離線部署時會遇到404的錯誤。這是因為瀏覽器在訪問路由時會請求路徑對應的文件，而我們的靜態文件只包含了首頁文件，因此需要對HTTP服務器進行一些配置，以便于支持路由。

我們可以啟用http-server的--push-state選項，它會將所有未找到的文件重定向到首頁文件，以便于支持路由。

http-server ./dist --push-state

執行上述命令后，HTTP服務器會將所有未找到的文件都重定向到首頁文件，并在瀏覽器地址欄中顯示相應的路由路徑。這時我們就可以在離線狀態下使用Vue應用的所有功能了。