前端本地部署代码

1、首先要装一个docker

2、在代码根目录新建一个start_nginx_server.sh

#!/bin/bash

# 检查是否已安装 Docker
if ! command -v docker &> /dev/null
then
    echo "Error: Docker 没有安装或者未添加到 PATH 环境变量中。"
    exit
fi

# 获取 containerName 参数的值
containerName=$1

# 如果 containerName 参数为空，则使用默认值 my-nginx
if [ -z "$containerName" ]
then
    containerName="graph"
fi

# 获取 port 参数的值
port=$2

# 如果 port 参数为空，则使用默认值 80
if [ -z "$port" ]
then
    port="7120"
fi

# 检查是否存在同名的容器
if docker ps -a --format "{{.Names}}" | grep -q "^$containerName$"
then
    # 如果存在同名的容器，则询问用户是否删除现有的容器
    read -p "容器 $containerName 已存在，是否删除现有容器并继续？[y/n] " -n 1 -r
    echo
    if [[ $REPLY =~ ^[Yy]$ ]]
    then
        docker rm -f "$containerName"
    else
        echo "已取消操作。"
        exit 1
    fi
fi

# 构建并运行 Nginx 容器，并指定容器的名称和端口映射
docker run --name "$containerName" -p "$port":80  -v "$(pwd)/dist":/usr/share/nginx/html:ro -v "$(pwd)/dist/nginx/nginx.conf":/etc/nginx/conf.d/default.conf  -d nginx:1.19.4


# 输出提示信息
echo "Nginx 服务器已启动，访问 http://localhost:$port/graph 查看网页。"

dist 目录新建一个nginx文件夹

server {
        listen       80;
        server_name  localhost;


        location /graph {
            alias   /usr/share/nginx/html/;
            index  index.html index.htm;
        }

}

因为部署到的是二级目录/所以要用alias别名

记得映射到的是/etc/nginx/conf.d/default.conf  -》这个配置是对于server的描述