一·項目編譯
1·進入項目目錄下的終端執行命令
npm run build
正常情況如下圖，如遇到錯誤不會編譯成功，且編譯后的html文件不能正常渲染。
2·編譯完成后進入項目下的dist目錄運行生成的index.html文件
打開以后f12出現以下錯誤（資源文件未找到）
打開項目中的index.js文件修改build 里的assetsPublicPath屬性為空即可
重新打開index.html發現項目背景圖片未找到
去css文件里找到未找到的文件名，進行搜索login_bg.162737a.png
修改資源文件為相應img png圖片的相對路徑../img/login_bg.162737a.png
二·項目部署
1·項目使用 Apache http server作為啟動容器
2·環境搭建：
1.安裝Apache主程序httpd:【yum install httpd】
2·啟動/sbin/service httpd start
3·項目目錄cd /var/www/html
4·程序目錄/etc/httpd
3·默認使用80端口，如需修改其他端口請
修改配置文件 Listen 80 為指定端口
/etc/httpd/conf/httpd.conf
4·把前端頁面放置在/var/www/html下，如放在根目錄那就是服務器ip:端口進行訪問
如在www目錄下新建目錄如ump 那就是服務器ip:端口+/ump進行訪問
5·若無修改Apache http server 配置文件 需要，正常前端程序部署無需重啟Apache http server服務。
原文地址：https://blog.csdn.net/b376924098/article/details/78726710