1. 將Vue項(xiàng)目打包成靜態(tài)文件
1. 修改文件utils.js
文件路徑: bulid >> utils.js
操作:修改publicPath
字段
2. 修改文件index.js
文件路徑: config >> index.js
操作:修改assetsPublicPath
和productionSourceMap
字段
3. 在控制臺(tái)終端輸入 yarn run build
, 打包靜態(tài)文件代碼
yarn run build
4. 打包后自動(dòng)生成文件夾dist
(其中index.html
為入口文件)
2. 安裝docker
curl https://get.docker.com > /tmp/install.sh
cat /tmp/install.sh
...
chmod +x /tmp/install.sh
/tmp/install.sh
...
3. dokcer部署
1. 先將剛才生成的靜態(tài)文件復(fù)制到l需要部署的linux主機(jī)上
2. 尋找鏡像
docker search nginx
3. 下載鏡像
docker pull nginx
4. 查看本地鏡像
docker images
5. 啟動(dòng)容器
--name
指定容器的主機(jī)名
-p
指定容器暴露的端口
-d
容器后臺(tái)運(yùn)行
-v
給容器掛載存儲(chǔ)卷,掛載到容器的某個(gè)目錄
6. 進(jìn)入容器
7. 安裝vim工具
8. 編輯nginx配置文件
原配置文件
修改后的配置文件
9. 測試nginx配置文件是否修改成功
nginx -t
10. 重啟nginx
nginx -s reload
此時(shí)可以正常訪問,表示修改成功媒殉。