linux系统下用docker把vue部署在nginx上

在Linux系统下，将Vue应用部署到Docker容器并通过Nginx作为反向代理服务器通常包括以下几个步骤：

1. **创建Vue应用**：
首先，确保你已经有一个Vue项目，并且它已经在本地运行起来。

2. **准备Dockerfile**：
创建一个名为`Dockerfile`的文件，内容通常是这样的：

   FROM node:14-alpine as builder
   WORKDIR /app
   COPY package*.json ./
   RUN npm install
   COPY . .
   RUN npm run build

   FROM nginx:alpine
   COPY --from=builder /app/dist /usr/share/nginx/html
   EXPOSE 80
   CMD ["nginx", "-g", "daemon off;"]

这里假设你使用Node.js构建并打包了Vue应用。

3. **构建镜像**：
使用命令 `docker build -t your-image-name .` 来构建Docker镜像，其中`.` 表示当前目录。

4. **运行Docker容器**：
使用 `docker run -p 80:80 --name your-container-name your-image-name` 启动一个新的Docker容器。 `-p` 参数将主机端口80映射到容器内的80端口。

5. **配置Nginx**：
Nginx默认的配置可能需要修改，添加一个如下的server块来指向Vue应用的静态文件路径：

   server {
       listen 80;
       location / {
           try_files $uri $uri/ @proxy;
       }

       location @proxy {
           proxy_pass http://localhost:8080;
           proxy_set_header Host $host;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
   }

确保你的Nginx服务正在监听80端口，如果没有，需要启动并暴露端口。

6. **启动Nginx**：
如果Nginx没有自动随Docker容器启动，你需要单独管理Nginx容器，例如通过 `docker-compose` 或其他方式。

7. **检查和测试**：
访问你的域名或机器IP地址（如果在本地开发），应该能看到Vue应用。