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. 測(cè)試nginx配置文件是否修改成功

nginx -t

10. 重啟nginx

nginx -s reload

重啟nginx

此時(shí)可以正常訪問，表示修改成功。