1.第一步酒贬,先把原來(lái)啟動(dòng)的8080端口的docker容器停止掉
image.png
image.png
2. 重新運(yùn)行docker的nginx容器
警告工扎!此時(shí)你一定要在項(xiàng)目的根目錄中哦萝快,不然的話也可以根據(jù)你目前的目錄簡(jiǎn)單調(diào)整啟動(dòng)命令茬缩。
docker run -d -p 8080:80 -v $PWD/dist:/usr/share/nginx/html nginx
簡(jiǎn)單說明:
$PWD
是指的當(dāng)前路徑择卦,上面的警告的意思是啟動(dòng)命令已經(jīng)規(guī)定了是當(dāng)前項(xiàng)目根目錄下的dist
文件夾($PWD/dist
),如果不在項(xiàng)目根目錄醉鳖,會(huì)出現(xiàn)一些問題捡硅。
3.檢查剛才的nginx(8080)容器是否啟動(dòng)成功
image.png
可以看到 正在運(yùn)行 這時(shí)候訪問瀏覽器測(cè)試8080端口是否成功部署靜態(tài)頁(yè)面。
image.png
至此盗棵,在CentOS7.5s上使用docker啟動(dòng)nginx并部署前端vue項(xiàng)目的記錄暫時(shí)結(jié)束壮韭,下面一篇會(huì)簡(jiǎn)單的優(yōu)化一點(diǎn)點(diǎn)小細(xì)節(jié)。