1. 程式人生 > >vue專案基於node打包編譯部署

vue專案基於node打包編譯部署

一·專案啟動

1·進入專案目錄下的終端執行命令

npm run dev

正常情況如下圖,如遇到錯誤不會編譯成功,且編譯後的html檔案不能正常渲染。

二·專案編譯

1·進入專案目錄下的終端執行命令

npm run build

正常情況如下圖,如遇到錯誤不會編譯成功,且編譯後的html檔案不能正常渲染。

編譯完成後在同級目錄下生成dist

二·專案部署
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服務。