1. 將Vue項(xiàng)目打包成靜態(tài)文件
1. 修改文件utils.js
文件路徑: bulid >> utils.js
操作:修改publicPath
字段
utils.js
2. 修改文件index.js
文件路徑: config >> index.js
操作:修改assetsPublicPath
和productionSourceMap
字段
index.js
3. 在控制臺(tái)終端輸入 yarn run build
, 打包靜態(tài)文件代碼
yarn run build
yarn run build
4. 打包后自動(dòng)生成文件夾dist
(其中index.html
為入口文件)
dist文件夾
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è)目錄
啟動(dòng)容器
6. 進(jìn)入容器
進(jìn)入容器
7. 安裝vim工具
安裝vim工具
8. 編輯nginx配置文件
編輯nginx配置文件
原配置文件
原配置文件
修改后的配置文件
修改后的配置文件
9. 測試nginx配置文件是否修改成功
nginx -t
10. 重啟nginx
nginx -s reload
重啟nginx
此時(shí)可以正常訪問,表示修改成功媒殉。