nginx反向代理配置（针对vue项目打包后跨域）

最新推荐文章于 2025-06-23 09:34:13 发布

小糖豆豆豆豆

最新推荐文章于 2025-06-23 09:34:13 发布

阅读量707

点赞数

CC 4.0 BY-SA版权

分类专栏： vue nginx 文章标签： nginx

本文链接：https://blog.csdn.net/weixin_42865522/article/details/109336635

vue 同时被 2 个专栏收录

3 篇文章

订阅专栏

nginx

1 篇文章

订阅专栏

本文详细介绍了Nginx服务器的配置方法，包括worker_processes、events模块的worker_connections参数设置，http模块中的sendfile、keepalive_timeout及gzip压缩等功能启用方式，并展示了两个具体的项目配置案例，涉及静态资源服务与反向代理配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#user  nobody;
worker_processes  2;

#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 {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    gzip on; 

      gzip_static on;

      gzip_buffers 16 64k;

      gzip_comp_level 5;

      gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/octet-stream;
	# 项目1
    server {
        listen       8006;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
		add_header 'Access-Control-Allow-Origin' '*';
		add_header 'Access-Control-Allow-Credentials' 'true';
            root   html;
            index  index.html index.htm;
		    try_files $uri $uri/ /; #加上这一行
        }

location /img {
		proxy_pass http://xxx.xxx.xxx.xxx:xxxx/img;
        }

location /sys {
		proxy_pass http://xxx.xx.xxx.xxx:xxxx/sys;
        }
    }


    # 项目2
  server {
        listen       8001;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location / {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            root   html;
            index  index.html index.html;
	    try_files $uri $uri/ /index.html; #加上这一行
        }

	location /default/ {
			proxy_pass http://xxx.xxx.xxx.xxx:1111/;
			proxy_cookie_path / /default;
			proxy_redirect default;
			rewrite ^/default/(.*) /$1 break;
			client_max_body_size 500m;
        }
       
        location /map/ {
	   		proxy_pass http://xxxx.xxxx.xxxx.xxx:2222/;
			
			rewrite ^/map/(.*) /$1 break;
			client_max_body_size 500m;
        }

      
    }
}