用户中心

部署上面的优化：

这些把前端也通过打包的方式进行构建，每次修改页面之后都要重新打包构建一个镜像，不方便动态的修改页面

考虑使用数据卷挂载的方式来启动docker

docker run -p 80:80 -d --name user-center-frontend \
	-v /www/wwwroot/user-center/dist:/usr/share/nginx/html \
	-v /www/wwwroot/user-center/nginx.conf:/etc/nginx/nginx.conf \
	nginx:latest

解释：

• /www/wwwroot/user-center 是服务器上的前端文件和Nginx配置文件的目录。
• /usr/share/nginx/html 是Nginx容器内的默认HTML根目录，通过挂载可以让Nginx访问这些文件。
• /etc/nginx/nginx.conf 是Nginx配置文件，也通过挂载让容器内的Nginx使用该配置文件。

1. 修改前端代码和Nginx配置：在服务器上的/www/wwwroot/user-center目录中进行前端代码和Nginx配置的修改。
2. 重启Docker容器：在容器内，可以使用以下命令来重新加载Nginx，以应用前端文件和Nginx配置的更改：

进入 nginx容器：

docker exec -it user-center-frontend /bin/bash

热更新nginx

nginx -s reload

Nginx.conf的配置文件内容为：

events {
    worker_connections  1024;
}


http{
  server {
      listen 80;
      # gzip config
      gzip on;
      gzip_min_length 1k;
      gzip_comp_level 9;
      gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
      gzip_vary on;
      gzip_disable "MSIE [1-6]\.";

      root /usr/share/nginx/html;
      include /etc/nginx/mime.types;

      server_name 121.40.105.246;

      location / {
          try_files $uri /index.html;
      }

      location /api {
          proxy_pass http://121.40.105.246:8080;
      }
    }
}

下次有想要的东西，可以直接放在dist 目录下面即可。