Vue CLI是一款非常方便的腳手架工具,可以幫助我們快速創(chuàng)建Vue項目并管理項目依賴。在開發(fā)階段,我們可以使用Vue CLI提供的命令進行本地開發(fā)和調(diào)試,但當項目完成后,需要將其部署到線上環(huán)境中。
Vue CLI默認提供了一個build命令,用于將項目打包成靜態(tài)資源,我們可以將這些打包后的文件上傳到服務器上。但在打包之前,我們需要對Vue CLI的配置進行相應的調(diào)整。
//vue.config.js module.exports = { publicPath: './' }
在Vue CLI 3.x版本中,publicPath用于設(shè)置打包后的文件路徑。如果我們將publicPath設(shè)置為'/',則打包后的文件路徑會為絕對路徑,而如果我們將其設(shè)置為'./',則打包后的文件路徑為相對路徑,這么設(shè)置可以避免一些奇怪的問題。
當我們調(diào)整完配置之后,我們就可以使用build命令來打包項目了,打包完成之后,我們將dist文件夾下的所有內(nèi)容上傳到服務器上即可。需要注意的是,我們需要保證服務器上已經(jīng)安裝了Node.js和npm,以及相應的Web服務器。