Vben Admin 打包后nginx配置

打包命令：

yarn build

成功后会在项目下生成dist目录

nginx配置如下：

#user  nobody;
worker_processes 1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
events {
    worker_connections 1024;
}

http {
    charset utf-8;
    tcp_nopush on;
    types_hash_max_size 2048;
    client_max_body_size 1M;
    client_header_buffer_size 1024k;
    large_client_header_buffers 8 1024k;

    # MIME
    include mime.types;
    default_type application/octet-stream;
    server {
        listen 8079;
        listen [::]:8079;
        server_name localhost;
        location /systemMsg {
            # 这里是vue打包文件dist内的文件的存放路径 
            alias F:/work/projects/system_Msg/dist;#dist目录
            index index.html index.htm;
            try_files $uri $uri/ /sub/index.html;
        }
        #下面是后端api接口代理
        location /api/systems_management/systems_msg {
            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_pass http://192.168.242.129:5090;#自己的后端api接口
            proxy_redirect default;
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Headers X-Requested-With;
            add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
        }              
    }
}

listen 后面是监听的端口号8079，自己定义，注意不要冲突