Android WebView跨域

本文介绍了一种通过重写WebViewClient的shouldInterceptRequest方法来实现跨域请求的方案。通过在响应头中添加Access-Control-Allow-Origin等字段,使得WebView能够处理来自不同源的请求,解决了跨域问题。

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

实现原理:重写WebViewClient中shouldInterceptRequest方法,在Response中添加header达到跨域的作用;

@Override
        public WebResourceResponse shouldInterceptRequest(WebView view, String urlstr) {
            try {
                // Our implementation just parses the response and visualizes it. It does not properly handle
                // redirects or HTTP errors at the moment. It only serves as a demo for intercepting POST requests
                // as a starting point for supporting multiple types of HTTP requests in a full fletched browser
                URL url = null;
                String fileExtens =null;
                if (isProxyUrl) {
                    fileExtens = MimeTypeMap.getFileExtensionFromUrl(urlstr);
                }else{
                    url=new URL(urlstr);
                }
                if (TextUtils.isEmpty(fileExtens)){
                    fileExtens="html";
                }
                String mimeType = FileStreamType.getStreamType(fileExtens);
                if (isProxyUrl) {
                    url = new URL(generateProxyUrl(urlstr,mimeType));
                }
                URLConnection rulConnection = url.openConnection();
                HttpURLConnection conn = (HttpURLConnection) rulConnection;
                conn.setRequestProperty("contentType", mimeType);
                conn.setRequestProperty("Accept", mimeType);
                conn.setRequestProperty("Accept-Charset", "utf-8");
                conn.setRequestMethod("GET");
                    String encodeing =conn.getContentEncoding();
                    if(TextUtils.isEmpty(encodeing)){
                        encodeing="utf-8";
                    }
                WebResourceResponse webResourceResponse= new WebResourceResponse(mimeType,encodeing, conn.getInputStream());
                Map<String,String> headers=new HashMap<>();
                // 解决webView跨域问题
                headers.put("Access-Control-Allow-Origin", ApiPath.getInstance().getHostName());
                headers.put("Access-Control-Allow-Headers","X-Requested-With");
                headers.put("Access-Control-Allow-Methods","POST, GET, OPTIONS, DELETE");
                headers.put("Access-Control-Allow-Credentials", "true");
                webResourceResponse.setResponseHeaders(headers);
                return webResourceResponse;
//                }
            } catch (Exception e) {
                e.printStackTrace();
            }
            return null;
        }
    }

 

### 解决安卓 WebView 中的请求问题 #### 使用 JavaScript 接口实现通信 为了使 Android WebView 支持访问,可以利用 JavaScript 接口来建立原生应用与网页之间的桥梁。具体来说,在 HTML 页面中定义好需要调用的方法,并通过 `addJavascriptInterface` 方法将 Java 对象暴露给 JavaScript 层面[^1]。 ```java webView.addJavascriptInterface(new Object() { @JavascriptInterface public String getAppData() { return "This is data from app"; } }, "app"); ``` 这样做的好处是可以绕过浏览器对于同源策略的安全限制,从而允许来自不同源的数据交互。 #### 修改服务器响应头设置 CORS 另一种常见的做法是在服务端配置 Cross-Origin Resource Sharing (CORS),即资源共享机制。当客户端发起 HTTP 请求时,如果目标资源所在的服务器开启了 CORS,则会在返回的内容里加入特定的头部字段告知浏览器该次请求是否被授权执行站操作[^3]。 例如,在 Apache 或 Nginx 配置文件中添加如下指令: ```nginx location / { add_header 'Access-Control-Allow-Origin' '*'; } ``` 这会使得任何来源都可以对该站点发起 AJAX 请求并获取相应数据。 #### 设置 WebView 客户端参数 除了上述两种方法外,还可以调整 WebView 的一些属性以增强其兼容性和安全性。比如启用混合模式下的第三方 Cookie 访问权限以及开启 DOM 存储功能等措施能够帮助更好地处理复杂的 web 应用场景下产生的各种情况。 ```java CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true); WebSettings settings = webView.getSettings(); settings.setDomStorageEnabled(true); // 启用DOM Storage API ``` 以上几种方案可以根据实际需求组合运用,确保应用程序能够在尽可能广泛的环境中正常工作的同时保障用户体验不受影响。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值