-
解決跨域問題的思路
查看全部 -
具體啟動命令
查看全部 -
瀏覽器設(shè)置
查看全部 -
產(chǎn)生跨域的原因
查看全部 -
跨域問題解決思路
查看全部 -
apache 反向代理
查看全部 -
什么是反向代理？
訪問同一個域名兩個不同url會去到兩個不同的服務(wù)器
修改 hosts
127.0.0.1 b.com a.com
在nginx-> conf/vhost/ 新增a.com.conf
server{
? listen 80;
? server_name a.com;
? location /{
? ? ? ?proxy_pass http://localhost:8081/;?前端服務(wù)器地址
? ?}
? ?location /ajaxserver{
? ??????proxy_pass http://localhost:8080/test/;? ?接口服務(wù)器地址
????}
}
前端代碼? ?var base='/ajaxserver'
瀏覽器訪問 a.com
查看全部 -
虛擬主機的配置
文件 apache-> conf-> httpd.conf
打開vhost模塊， 打開 proxy_module模塊、 打開proxy_http_module模塊
取消注釋的（搜vhost）? 配置文件（路徑 conf/extra/httpd-vhosts.conf），?
回到apache->bin? 雙擊httpd.exe 啟動apache
配置請求頭
打開 headers_module 模塊、打開 rewrite_module模塊
重啟apache
查看全部 -
nginx.exe -t? 檢查配置是否成功
start nginx.exe 啟動nginx
nginx.exe -s reload 重新載入修改的配置
hosts 映射本地域名? ? 127.0.0.1 b.com
server{
????listen 80;
? ? server_name b.com;? 請求發(fā)起方 即 瀏覽器客戶端
? ? location /{
????????? ? proxy_pass http://localhost:8080/;? ? 服務(wù)器地址
? ??????????add_header Access-Control-Allow-Methds *;
?????????? ?add_header Access-Control-Max-Age 3600;
????????????add_header Access-Control-Allow-Credentials true;
????????????add_header Access-Control-Allow-Origin $http_origin;
????????????add_header Access-Control-Allow-Headers $http_access_control_request_headers;
????????????if ($request_method = OPTIONS){
????????????????return 200;
????????????}
????}
}
查看全部 -
請求分類
查看全部 -
JSONP的弊端：
服務(wù)器需要改動代碼；
只支持GET；
發(fā)送的不是XHR請求；
查看全部 -
使用Nginx實現(xiàn)跨域請求。
查看全部 -
使用Nginx實現(xiàn)跨域請求。
查看全部 -
使用Nginx實現(xiàn)跨域請求。
查看全部 -
使用Nginx實現(xiàn)跨域請求。
查看全部 -
同理獲取HttpServletRequest請求頭Access-Control-Allow-Headers的值
并設(shè)置返回，實現(xiàn)支持帶自定義頭的跨域請求。
查看全部 -
同理獲取HttpServletRequest請求頭Access-Control-Allow-Headers的值
并設(shè)置返回，實現(xiàn)支持帶自定義頭的跨域請求。
查看全部
舉報