docker nginx部署含websocketvue项目
时间: 2023-09-23 19:11:42 浏览: 182
nginx下部署vue项目的方法步骤
你可以使用 Docker 和 Nginx 来部署包含 WebSocket 功能的 Vue 项目。下面是一个简单的步骤指南:
1. 首先,确保你已经安装了 Docker 和 Docker Compose。
2. 在你的 Vue 项目根目录下创建一个名为 `Dockerfile` 的文件,内容如下:
```Dockerfile
# 基于 node 镜像构建
FROM node:latest as build-stage
WORKDIR /app
# 安装依赖
COPY package*.json ./
RUN npm install
# 复制代码并构建
COPY . .
RUN npm run build
# 第二阶段,使用 Nginx 镜像
FROM nginx:stable-alpine
# 复制构建好的代码到 Nginx 的默认站点目录
COPY --from=build-stage /app/dist /usr/share/nginx/html
# 复制自定义的 Nginx 配置文件
COPY nginx.conf /etc/nginx/conf.d/default.conf
# 暴露容器的 80 端口
EXPOSE 80
# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]
```
3. 在 Vue 项目根目录下创建一个名为 `nginx.conf` 的 Nginx 配置文件,内容如下:
```
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
阅读全文