nginx 역방향 대리 해결 전후 단 분리 크로스 도 메 인 문제

1261 단어 linux
\ # cd 부터 /conf 폴 더 까지
cd /usr/local/nginx/conf

\ # vim 으로 파일 편집 nginx.conf
vim nginx.conf

다음 코드 추가
location /api {
            proxy_pass http://      :   /api/;
        }

전체 코드
http {
    ......
         
    server {
        listen       80;
        server_name  localhost;
      
        #charset koi8-r;

        #access_log  logs/host.access.log  main;
    
        location / {
            root   html; 
            index  index.html index.htm;
        }
    
        location /api/pickles {
            proxy_pass http://      :   /api/;
        }

        ......
    }

    ......
}

\ # 다시 시작 nginx들 어가 기 /sbin 폴 더
cd /usr/local/nginx/sbin

재 부팅 nginx
./nginx -s reload

\ # axios 설정 요청 url
axios.defaults.baseURL = '/api';  //     

참고 블 로그:
  • nginx 를 이용 하여 순 전단 프로젝트 를 배치 하고 역방향 프 록 시 크로스 도 메 인 을 통 해 백 엔 드 서버 를 요청 합 니 다 (앞 배경 에서 프로젝트 배치 와 크로스 도 메 인 요청 백 엔 드 문 제 를 완전히 분리 합 니 다)
  • Nginx 는 앞 뒤 단 분리 포트 번호 가 다 르 기 때문에 발생 하 는 크로스 도 메 인 문 제 를 완벽 하 게 해결 합 니 다
  • 좋은 웹페이지 즐겨찾기