docker部署web项目 nginx
时间: 2023-09-25 09:16:41 浏览: 45
好的,以下是基于 Docker 部署 Web 项目和 Nginx 的步骤:
1. 创建 Dockerfile 文件
在 Web 项目的根目录下创建一个名为 Dockerfile 的文件,并添加以下内容:
```
# 选择一个已有的镜像作为基础
FROM node:12-alpine
# 设置工作目录
WORKDIR /app
# 复制 package.json 和 package-lock.json 文件到工作目录
COPY package*.json ./
# 安装依赖
RUN npm install
# 复制所有文件到工作目录
COPY . .
# 构建项目
RUN npm run build
```
2. 构建 Docker 镜像
在终端中切换到项目根目录,执行以下命令构建 Docker 镜像:
```
docker build -t my-web-app .
```
这里的 my-web-app 是你自定义的镜像名称,可以根据需要修改。
3. 运行 Docker 容器
执行以下命令启动 Docker 容器,并将容器中的 80 端口映射到本地的 8080 端口:
```
docker run -p 8080:80 my-web-app
```
4. 配置 Nginx
在本地安装 Nginx,并在配置文件中添加以下内容:
```
server {
listen 80;
server_name localhost;
location / {
proxy_pass http://localhost:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
```
这里的 localhost 是你的域名,可以根据需要修改。保存配置文件后,重新启动 Nginx。
现在,你就可以通过浏览器访问 http://localhost 来查看部署的 Web 项目了。