Vue element admin 官方文檔

https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/deploy.html#%E6%9E%84%E5%BB%BA

參考文檔打包后會(huì)在文件目錄內(nèi)生成dist文件夾

這個(gè)就是靜態(tài)資源文件，之后扔到Nginx上

關(guān)鍵點(diǎn)！

hash模式下一般不會(huì)出什么問(wèn)題，但在histoty模式下經(jīng)常出現(xiàn)找不到界面，404，空白頁(yè)，子路由無(wú)法跳轉(zhuǎn)等情況！

我用histoty主要是去除路由路徑中的#，因?yàn)橛羞@玩意有時(shí)候?qū)悠渌麞|西會(huì)出問(wèn)題

之后path路徑改成圖中一樣的，打包就可以了

之后將dist文件夾內(nèi)的東西拷貝

放到這里

配置Nginx

替換配置文件里的東西

啟動(dòng)NGINX在8080端口就可以直接訪問(wèn)到界面 了

如有其他問(wèn)題可在評(píng)論區(qū)交流！