如果vue項目最終打包生成了一個dist文件夾，那我們應該怎么處理這個文件夾呢？有兩種思路：
一、非完全前后端分離項目
我們可以自己在本地開發，使用后端的接口，開發完成后，我們將打包生成的dist文件夾丟給后端，依賴后端部署，反正都是靜態文件，只是最終和后端放一個服務器了。
二、完全前后端分離項目
我們可以自己在本地開發，使用后端的接口，開發完成后，我們將打包生成的dist文件夾丟給自己的靜態文件服務器。
然后問題來了，我們該怎么搭建自己的靜態文件服務器呢？
這里我們只討論nginx
nginx是什么請自行搜索，我們這里講述如何配置多個nginx的多端口映射。
步驟如下：
1、首先你得有個nginx的環境吧，這很簡單，從官網隨便下載一個nginx就好了，解壓后如下
2、打開conf文件夾，在里面新建一個conf.dev文件夾，這里存放每個開發人員自己nginx配置及默認的nginx配置
如下，我在conf.dev文件夾下面新建了一個配置文件：demo.conf，這個文件里面注意的有：端口號，域名，域名及端口指向的靜態文件根目錄，及一些路由映射關系
3、修改主配置文件如下，這里主要是將默認的server配置移除，以及從conf.dev文件夾引入所有配置文件，移除了可不能丟啊，得找個地方放
4、在conf.dev文件夾下新建默認的server文件
可以看到，這里是將主配置文件中的server配置拉過來了
5、根目錄建立demo文件夾
別忘了我們的設置
demo里面隨便存放一個index.html
6、重啟nginx
7、配置host文件（127.0.0.1為test.demo.com），不會的可以參考我的配置host文件步驟。
訪問："test.demo.com:7777/"，就能看到你的index.html內容啦。