프로젝트 작업 시 프론트엔드와 백엔드가 분리된 구조적 디자인을 채택하고 나머지 스타일의 http인터페이스를 디자인했습니다. 백엔드에서는 백엔드 서비스를 모두 충족해야 합니다. 호출은 프런트 엔드에서 직접 Ajax 호출을 사용한다는 요구 사항도 충족해야 하므로 백엔드에서 spring mvc 구조를 사용하므로 도메인 간 문제가 발생합니다. HTTP 메서드는 get, post, put, delete, 옵션 등을 지원합니다. 왜냐하면 post를 호출할 때 프런트엔드 http가 먼저 서버에 옵션을 사용한 다음 204 이후에 요청 데이터를 제출하기 때문입니다. nginx 수준에서 조정하는 것 외에도 spring web.xml도 설정해야 합니다. 아래에서 이 솔루션은 서버 측에서 필터 등을 추가할 필요가 없습니다. 얻을 수 있는 버전은 다음과 같습니다. :
spring web.xml
<servlet> <servlet-name>root</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext-web.xml</param-value> </init-param><init-param><param-name>dispatchOptionsRequest</param-name> <param-value>true</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet><servlet-mapping> <servlet-name>root</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>
nginx.conf는 어떤 곳에서는 약간 장황합니다
location ~/api/* { dav_methods PUT DELETE; if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '$http_origin'; add_header 'Access-Control-Allow-Methods' 'GET, POST,PUT,DELETE, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,X-CustomHeader,Keep-Alive, User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; add_header 'Access-Control-Max-Age' 3600; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; } if ($request_method = 'POST') { add_header 'Access-Control-Allow-Origin' '$http_origin'; add_header 'Access-Control-Allow-Methods' 'GET, POST,PUT,DELETE, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,X-CustomHeader,Keep-Alive, User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } if ($request_method = 'GET') { add_header 'Access-Control-Allow-Origin' '$http_origin'; add_header 'Access-Control-Allow-Methods' 'GET, POST,DELETE,PUT, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,X-CustomHeader,Keep-Alive, User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } if ($request_method = 'PUT') { add_header 'Access-Control-Allow-Origin' '$http_origin'; add_header 'Access-Control-Allow-Methods' 'GET, POST,PUT,DELETE, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,X-CustomHeader,Keep-Alive, User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } if ($request_method = 'DELETE') { add_header 'Access-Control-Allow-Origin' '$http_origin'; add_header 'Access-Control-Allow-Methods' 'GET, POST,DELETE,PUT, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,X-CustomHeader,Keep-Alive, User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } root /opt/www/web/; index index.jsp; proxy_pass <a rel="nofollow" href="http://localhost.html" target="_blank"> <a rel="nofollow" href="http://localhost" target="_blank">http://localhost</a></a>:8089; include /opt/conf/nginx/proxy.conf; }
위 내용은 nginx 크로스 도메인 설정 내용입니다 nginx apache nginx php nginx rewrite, more 관련 내용은 PHP 중국어 홈페이지(www.php.php.php)를 참고해주세요. CN)!