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

你的服務器是什么系統啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先服務器安裝node git   nginx  vue-cli

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

然后進入到下面的路徑

vi default 你會看到nginx的默認配置

默認監聽80端口 根路徑

把你寫好的vue項目 上傳到github ，通過git clone 克隆到

服務器

路徑下面

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

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

nginx默認的html

進入sites-enabled 發現 它里面的 default 來自 sites-available的default

所以需要在 sites-available 新建一個文件 你的項目名命名就可以

在你新建的文件

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

注意路徑一定要寫全

最后重新加載下 nginx -s reload

打開瀏覽器 公網ip:端口號  或者 域名訪問

這就可以了

還有 用express 部署這個 簡單些

既然是布署，哪默認就應該是生產環境下的布署，vue開發的應用本質上就是靜態文件,無論你用何種web服務器，放上去就應該能通過http訪問

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

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

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

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