nginx配置

docker运行nginx容器部署vue项目

获取nginx容器的基本配置文件，并在其基础上修改

docker run -d -p 81:80 --name nginx -v /home/xrc/nginx/dist:/usr/share/nginx/html --restart=always nginx

docker cp nginx:/etc/nginx /home/

先找到/home/ngnix/conf.d/nginx.conf文件，修改你的配置文件

server {  
    listen       80;  
    listen  [::]:80;  
    server_name  localhost;  
  
    #access_log  /var/log/nginx/host.access.log  main;  
  
    location / {
        # 前端路由跳转的配置
        try_files $uri $uri/ /index.html;
        # 这里修改为你容器内部的dist文件，我将宿主机的dist文件挂载在容器的/usr/share/nginx/html，所以我这里不用更改
        root   /usr/share/nginx/html;  
        index  index.html index.htm;  
    }  
  
    # 处理/api下的请求，将它们转发到后端服务，解决因同源策略的跨域问题
    location /api/ {  
        # 代理设置，将前端访问的/api代理到以下路径
        proxy_pass http://127.0.0.1:8080/api/;
          
        # 以下配置可根据需要添加  
        proxy_set_header Host $host;  
        proxy_set_header X-Real-IP $remote_addr;  
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  
        proxy_set_header X-Forwarded-Proto $scheme;  
  
        # 如果后端服务不处理尾部斜杠，并且你希望Nginx自动去除它，可以添加以下rewrite规则  
        # rewrite ^/api/(.*)$ /$1 break;   
    }
	
	location /uploads/ {
        alias /opt/gvb/server/uploads/;
    }
  
    #error_page  404              /404.html;  
    # redirect server error pages to the static page /50x.html  
    error_page   500 502 503 504  /50x.html;  
    location = /50x.html {  
        root   /usr/share/nginx/html;  
    }  
}