Vue生产环境Nginx配置

Jakcy Nginx 2021-10-09 26
upstream cdm_api_http {
	server 127.0.0.1:8889;
}

server {
	listen 80;
	server_name cdm.tanshuyi.com;
	# access_log /usr/local/src/nginx/logs/nginx_yixing-sports-admin.log main;
	
	# 后端系统
	location ^~ /cdm/api/ {
		
		proxy_pass http://cdm_api_http;
		proxy_set_header        Host            $host;
        proxy_set_header        X-Real-IP       $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        client_max_body_size   100m;
		proxy_cookie_path  / /cdm/ ;
		proxy_set_header Cookie "$http_cookie;CAS_SID=$arg_cas_t";        

	}

	# 前端静态资源
	location / {
            root   /usr/local/src/cdm/web/;
            #需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
            try_files $uri $uri/ @router;
            index  index.html index.htm;
    }
    #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
    #因此需要rewrite到index.html中,然后交给路由在处理请求资源
    location @router {
        rewrite ^.*$ /index.html last;
    }
	
}