vue+nginx部署步骤

mac2022-06-30  29

1. 打包 npm run build:prod

打包后的内容为项目路径下的dist/文件夹

2. 压缩 dist/上传至服务器,解压到某个路径

3. 服务端建立配置文件nginx.conf,修改相关配置

4. Docker 启动 nginx并挂载解压出来的文件夹到容器中,并将配置文件挂载到相应的路径

 

docker run --name platformcloud-front -d -p 9537:80 -v /home/front/dist:/usr/share/nginx/html -v /home/front/nginx.conf:/etc/nginx/nginx.conf:ro nginx 

参数解释:--name 容器名称

-d 后台运行

-p 宿主机端口映射到容器内部端口

-v 宿主机目录/文件挂载到容器内部目录/文件

ro readonly 只读模式挂载

nginx 镜像名称,此处为官方镜像nginx

最新回复(0)