在webpack.config.js文件里面配置開發(fā)服務(wù)器
devServer: {
historyApiFallback: true,
noInfo: true,
port:9188,//訪問端口
colors:true
},

你的服務(wù)器是什么系統(tǒng)啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先服務(wù)器安裝node git   nginx  vue-cli

安裝好nginx 用你的公網(wǎng)ip訪問就可以看到 下面的頁面

然后進(jìn)入到下面的路徑

vi default 你會看到nginx的默認(rèn)配置

默認(rèn)監(jiān)聽80端口 根路徑

把你寫好的vue項(xiàng)目 上傳到github ，通過git clone 克隆到

服務(wù)器

路徑下面

然后npm/yarn add/install 安裝依賴 然后npm run build

vi 打開html 下面的 index.html 可以看到

nginx默認(rèn)的html

進(jìn)入sites-enabled 發(fā)現(xiàn) 它里面的 default 來自 sites-available的default

所以需要在 sites-available 新建一個(gè)文件 你的項(xiàng)目名命名就可以

在你新建的文件

我在site-available新建的文件是note-admin 映射到 sites-enables

注意路徑一定要寫全

最后重新加載下 nginx -s reload

打開瀏覽器 公網(wǎng)ip:端口號  或者 域名訪問

這就可以了

還有 用express 部署這個(gè) 簡單些

既然是布署，哪默認(rèn)就應(yīng)該是生產(chǎn)環(huán)境下的布署，vue開發(fā)的應(yīng)用本質(zhì)上就是靜態(tài)文件,無論你用何種web服務(wù)器，放上去就應(yīng)該能通過http訪問

接下來我來幫大家來捋一捋

首先VUE 是一個(gè)javascript的前端框架，注定了它是運(yùn)行在瀏覽器里的，對服務(wù)器本地沒有任何要求，只要一個(gè)靜態(tài)文件服務(wù)器能通過http訪問到其資源文件就足矣！無論你是用apache ,ngnix 就算你要用node 自己實(shí)現(xiàn)一個(gè)靜態(tài)文件服務(wù)器，也用不了多少行代碼。

npm run dev 是用來在本地開發(fā)的時(shí)候做調(diào)試用的，vue開發(fā)的是前端的東西，不是nodejs 服務(wù)端程序，按道理講，生產(chǎn)環(huán)境里就不該存在npm，甚至nodejs也不需要（用nodejs來做web靜態(tài)服務(wù)的除外），樓主通過ssh進(jìn)入到服務(wù)器里，再運(yùn)行npm run dev 來啟動哪是開發(fā)機(jī)上做的事情。正確的做法很簡單，通過npm run build 把生成的dist文件夾（不要上傳文件夾）里的內(nèi)容上傳到http服務(wù)器上就可以通過 http來訪問了，開發(fā)機(jī)上正常，上傳以后 程序出現(xiàn)錯(cuò)誤不能運(yùn)行的原因99.99%的可能性是你引用資源的路徑有問題。

一般如果vue框架的程序上傳到網(wǎng)站服務(wù)器的根目錄下是不 會有問題的，也不存在資源文件引用錯(cuò)誤的情況，但如果你不是根目錄，就會有問題，通過vue-cli 生成的開發(fā)目錄，build以后默認(rèn)引用資源文件的路徑是