Vue CLI是一款非常方便的腳手架工具，可以幫助我們快速創(chuàng)建Vue項(xiàng)目并管理項(xiàng)目依賴。在開發(fā)階段，我們可以使用Vue CLI提供的命令進(jìn)行本地開發(fā)和調(diào)試，但當(dāng)項(xiàng)目完成后，需要將其部署到線上環(huán)境中。

Vue CLI默認(rèn)提供了一個(gè)build命令，用于將項(xiàng)目打包成靜態(tài)資源，我們可以將這些打包后的文件上傳到服務(wù)器上。但在打包之前，我們需要對(duì)Vue CLI的配置進(jìn)行相應(yīng)的調(diào)整。

//vue.config.js
module.exports = {
publicPath: './'
}

在Vue CLI 3.x版本中，publicPath用于設(shè)置打包后的文件路徑。如果我們將publicPath設(shè)置為'/'，則打包后的文件路徑會(huì)為絕對(duì)路徑，而如果我們將其設(shè)置為'./'，則打包后的文件路徑為相對(duì)路徑，這么設(shè)置可以避免一些奇怪的問題。

當(dāng)我們調(diào)整完配置之后，我們就可以使用build命令來打包項(xiàng)目了，打包完成之后，我們將dist文件夾下的所有內(nèi)容上傳到服務(wù)器上即可。需要注意的是，我們需要保證服務(wù)器上已經(jīng)安裝了Node.js和npm，以及相應(yīng)的Web服務(wù)器。