nginx 解决跨域和带参路由无法访问

处理跨域

server {
        listen 80;
        server_name localhost;
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';


        if ($request_method = 'OPTIONS') {
            return 204;
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
            root html;
        }

    }

处理带参路由无法直接访问

server {

        # 处理带查询参数的路由
        location /subapplication {
            root html/dist;
            index index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

    }

完整代码

server {
        listen 80;
        server_name localhost;
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';


        location / {
            root html/dist;
            index index.html index.htm;
        }

        # 处理带查询参数的路由
        location /subapplication {
            root html/dist;
            index index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

        if ($request_method = 'OPTIONS') {
            return 204;
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
            root html;
        }

    }