1.我們直接在項目的根目錄下運行命令 `npm run build`  等待運行完成，我們發現在根目錄下生成了一個 dist 的文件夾。直接將這個文件夾丟到服務器，就可以運行了。 **這里是簡單的nginx的配置** ``` server{ listen 80; #監聽端口 server_name xxxx; #域名,代替將要訪問的端口 root "xxxx"; #要訪問的網站的目錄 location / { try_files $uri $uri/ /index.html; #該句代碼是為解決history路由不能跳轉的問題，在vue-router官網有介紹 } ##配置后端服務地址映射 location ^~ /api{ proxy_pass http://xxxx/; } } ``` 2.但是有的時候，會有不一樣的需求，不一樣的環境。比如說線上正式環境，線上測試環境，這個時候，如果每次都要修改參數再構建就很麻煩。我們可以按照不同的環境，構建各個環境的項目文件。 3.我們打開根目錄下的package.json 文件。我們就會看 build 運行的是build文件夾下的build.js 文件。我們可以再新增兩個，一個是線上的正式環境，一個是線上的測試環境。  同時。復制 build.js ,新建 buildBeta.js、buildProd.js兩個文件  4.這里需要注意兩個地方  第一個是為了區分當前所在的環境。第二個是配置文件。我們如果需要修改生成的文件夾名稱，可以在相應的配置文件進行修改。 5.我這里修改的是生成的文件夾名稱為 prod  然后運行命令 `npm run buildProd`,等待運行完成。  就可以看到根目錄下生成的 prod 文件夾。 6.同樣，我們修改beta, 運行命令 `npm run buildBeta`,也可以看到生成的對應文件夾。將文件夾直接扔服務器，就可以運行啦。 **錯誤的地方歡迎指正，不明白的地方可以留言。**