vue是可以直接配置单独跨域的,可以单独配置多个,但是后来经理提出需要重定向,二次请求跨域,vue指向不了只能指向具体一个,这时候用nginx代理解决,

nginx代理核心思想 所有服务都走nginx 所有资源nginx要能访问得到,把不同域变成同域了,就行了

配置代码:

nginx.conf 里面的:


#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 {
    
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    
    
    server {
        listen      服务器给nginx的端口 ;
        server_name  服务器ip;
        location / {
            root   html;
            index  index.html index.htm;
        } 
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        
        location /hsk {
            rewrite  ^/app/(.*)$ /$1 break;
            proxy_pass   http://20318r15r9.iok.la;    
        }
        
        location /yq {
            rewrite  ^/yq/(.*)$ /$1 break;
            include  uwsgi_params;
            proxy_pass   http://ip:9090;
            
        }
        
    }
}

 

Logo

前往低代码交流专区

更多推荐