轉載： https://www.cnblogs.com/qiu-Ann/p/7477593.html
目前，使用vue-cli腳手架寫了一個前端項目，之前一直是使用npm run dev 在8080端口上進行本地調試。項目已經進行一半了，今天有時間突然想使用npm run build進行上線打包，試試能否成功看到我的項目效果。一開始是毫無頭緒，什么都不懂，直接是就在命令行上敲下：npm run build命令。
好開心啊，竟然沒有報錯。以為就這么簡單的成功了，在瀏覽器上輸入：http://localhost/MGT/learnVuex/dist/index.html，一片空白。果然沒有那么順利。打開控制，看到Console下出現了很多錯誤。
錯誤看不懂，（捂臉）只好百度了。
我們一開始運行npm run build 命令時，有這么一段提示：
這段話的意思就是說：構建文件務必放在一個HTTP服務器。直接打開index.html文件將不工作。
看到提示還是要好好看的，這毛病要改呀！
那么問題來了，怎么解決呢？
我們知道打包的命令文件是config/build.js
到項目目錄下的config文件夾里的index.js文件中,將build對象下的assetsPublicPath中的“/”，改為“./”即可，就在前面加個點就可以了，
現在再重新打包一次 npm run build，刷新你的頁面，就可以看到啦
在這之前有一個前提條件，那就是電腦上要安裝服務器。只要你的服務器上有支持http或者https的服務器軟件就可以，我知道的有nginx和apache兩種，只要安裝了兩個中的一個，並且配合好訪問路徑，把你生成的文件放到服務器下或者映射路徑下，啟動你的服務器軟件即可，然后就可以使用你配置的路徑訪問項目。
接下來就是將你 打包好的 dist 文件夾拷貝到 你的 服務器根目錄。（注意拷貝的是 dist 文件夾。而不是里面的內容）。
我在瀏覽器上直接是輸入localhost，打開文件目錄的，http://localhost/MGT/learnVuex/dist/index.html，這么文件到底是在哪個盤下面呢？
我在電腦上上安裝了一個XAMPP，並把apache的映射路徑設置為：E:/project，而我的項目文件就放在E:/project目錄下面 這就是我的：E:\project\MGT\learnVuex\dist。
所以在瀏覽器上輸入：localhost，就是打開E:/project，就可以看到這目錄下的所以項目文件啦。
-----------------------------補充----------------------------------------------
如果你是直接 運行的 npm run build 上面上面說的配置， 在瀏覽器中，查看 的效果是 白屏，什么也沒有，這時候其實我們可以這樣解決：
把 dist 里 打包好的文件 拷貝 到 服務器 的根目錄， (注意這里不是 把dist文件夾放到服務器根目錄。)
-----------------------------END---------------------------------------------