web场景下解决手机访问跨域问题

已于 2023-12-20 17:20:28 修改
阅读量1.3k 收藏
点赞数
分类专栏： 前端开发 文章标签： 前端 chrome
于 2022-06-27 19:12:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43491495/article/details/124836652
版权

1.主机电脑搭建web服务

下载tomcat
官网：https://tomcat.apache.org/download-10.cgi (官网不稳定经常下载不下来。可以找找资源啥的)

2.发布web服务

在tomcat/webapps/ROOT目录下放置web程序
启动tomcat文件夹bin目录下的startup.sh
目录：/tomcat/bin/startup.sh

3.验证是否启动服务成功

打开电脑浏览器访问127.0.0.1:8080（默认端口设置为8080）,如果能够访问到首页，应当是服务搭建成功，但是如果浏览器没有设置允许跨域可能出现访问失败的情况。

4.创建chrome-command-line文件

创建一个文件，编辑：
chromium-browser --disable-web-security --user-data-dir="/data/user/0/com.android.chrome/app_chrome/Default"

5.将文件导入手机

通过adb命令，将上述4步骤创建的文件推送到手机 /data/local/tmp目录下。
adb push 路径/chrome-command-line /data/local/tmp

6.chrome浏览器设置

浏览器访问chrome://flags，开启enable-command-line-on-non-rooted-devices设置。手动从设置里面强行停止应用后重新启动。
随后访问chrome://version，查看命令行，看是否出现命令：--disable-web-security.若出现则代表ok了

我是火山呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端手机端解决跨域问题
weixin_42577208的博客
09-09 3043
前端解决跨域问题 前台和后台联调进行ajax通信的时候经常遇到这个问题，你发送的请求遇到跨域了。 这是控制台打印出跨域问题的错误，也是浏览器的同源限制策略。所以我们要解决跨域问题。 我设置过vue.config.js进行代理。该设置的都弄了遍，结果依然报跨域的问题。 怎么办呢，其实很简单，在你发送的ajax的请求头上携带一句话就能解决这个问题。 header: { 'content-type': 'application/x-www-form-urlencoded', "Access-Co
安卓浏览器存在跨域问题
qq_22965011的博客
04-07 373
readystate0status0解决跨问题，低版本浏览器跨域问题
浏览器跨域的四种解决办法
柑橘乌云_
04-29 1358
主要是出于浏览器的同源策略限制，它是浏览器最核心也最基本的安全功能。当一个请求url的三者之间任意一个与当前页面url不同即为跨域。比如：例子1: https：//aaa.com 于 http://aaa.com 存在跨域例子2: 127.x.x.x:8080 于 127.x.x.x:8181 存在跨域例子3: https://aaa.com 于 https://bbb.com 存在跨域。
跨域问题详解
XWenXiang的博客
07-06 651
跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。浏览器从一个域名的网页去请求另一个域名的资源时，出现域名、端口、协议不同，都属于跨域。例如在 127.0.0.1:8000 去请求 127.0.0.1:8888 的资源同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现请求
跨域问题及解决方法
yanyuyanyan的博客
01-08 265
客户端请求服务大概流程 跨域请求 同源组策略：（同源：同协议，同域名（主机），同端口）Ajax请求地址与当前页面的地址必须得是同协议，同域名，同端口，这样才可以正常发送ajax请求，若这三者有任何一个不一样，则判定此次请求是跨域请求，浏览器会阻止这个请求并且在控制台报错。 跨域的解决方式：CORS，服务器反向代理，JSONP，ajax。 ajax解决跨域：(使用node.js作为后端语言，后端代码中需要写入下面代码解决跨域问题) server.all("*",function(req,res,next
解决ajax不能访问本地文件问题（利用js跨域原理）
10-20
尽管JSONP和本文中的方法在某些场景下有效，但在实际开发中，更推荐使用CORS，因为它提供了更安全、更可控的跨域访问方式。同时，对于无服务器的前端项目，也可以考虑使用Web Workers或Service Worker等现代Web技术...
Nginx跨域访问场景配置和防盗链详解
09-29
跨域访问控制和防盗链是Web服务器管理中两个重要的安全措施，它们对于保护网站资源和确保正常用户体验至关重要。 首先，我们来理解一下为什么浏览器会禁止跨域访问。跨域访问控制是浏览器的一种安全策略，旨在防止...
java服务器端解决跨域问题共6页.pdf.zip
10-28
Java服务器端解决跨域问题是一项常见的任务，尤其是在开发Web应用时。跨域是由于浏览器的安全策略，即同源策略（Same-Origin Policy）所引起的。同源策略限制了来自不同源的HTTP请求，防止恶意网站通过JavaScript...
解决手机浏览器、微信内置浏览器、支付宝内置浏览器AJAX跨域请求问题。
奋斗吧骚年
04-02 3156
我这里有个需求需要相同的域名访问不同服务器上部署的项目，用到了nginx反向代理，使用反向代理就会导致AJAX跨域请求问题。 ajax请求服务器数据，无法获取到当前session，手机UC、微信、支付宝内置浏览器则返回error信息 {"readyState":0,"responseText":"","status":0,"statusText":"error"} 网上有很多的解决方法，nginx添加header或者后端服务器添加header，我这里用的是过滤器方式。 //创建过滤器，为resp
开源android浏览器，访问跨域网页
03-26
非常不错的开源andirod浏览器，需要借鉴的同学可以用来参考
chromium for android 命令行文件/data/local/tmp/chrome-command-line
weixin_33782386的博客
06-27 665
chromium for android 命令行文件/data/local/tmp/chrome-command-line 代码位置：src\chrome\android\java\src\org\chromium\chrome\browser\ChromeApplication.java 注意：chrome-command-line文件必须以一个下划线开始,例如_ --v=1 --enabl...
浏览器：跨域及解决方法
热门推荐
snowball的博客
05-03 1万+
出于浏览器的限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能不能使用。可以说Web是构建在同源策略基础之上的，。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）1、无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB2、无法接触非同源网页的 DOM。
几种允许跨域请求的方法
qcyfred的博客
03-18 7915
“跨域请求 Cross-Origin Resource Sharing(CORS) 被禁止”这个问题，应该很常见了。在此，列举一些我试验过的几种办法。
非权威指南-浏览器跨域请求解决方案
huang_T_ang的博客
12-13 324
前言 本文所使用的完整代码.可在github仓库获得 博主的个人博客,欢迎来玩 1. 同源策略 1.1 起源 谈到跨域问题就不得不先谈谈同源策略。 同源策略(Same Origin Policy) 是 Netscape 提出的目前所有浏览器都在实行的一个安全政策。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互，是一种用于隔离潜在恶意文件的重要机制。 同源策略会限制不同...
谷歌（Chrome）浏览器的设置跨域
weixin_44784401的博客
06-08 7210
谷歌（Chrome）浏览器的设置跨域
Oss 跨域（表现为手机可用，本地运行跨域）
mo_qi_qi的博客
04-29 899
跨域
spring security解决跨域请求
最新发布
06-04
Spring Security 是一个基于 Spring 的安全框架，主要用于为 Java Web 应用程序提供身份验证和授权功能。而跨域请求通常是指在浏览器环境下，前端页面使用 AJAX 发起跨域请求，而后端服务器需要响应跨域请求的场景。 Spring Security 提供了解决跨域请求的方式，其中比较常用的是 CORS（跨域资源共享）机制。CORS 机制通过在服务器端设置响应头来允许跨域访问，具体步骤如下： 1. 在 Spring Security 的配置中添加 cors() 方法，如下： ``` @Configuration @EnableWebSecurity public class WebSecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http.cors() .and() //其他配置 .csrf().disable(); } @Bean public CorsConfigurationSource corsConfigurationSource() { CorsConfiguration configuration = new CorsConfiguration(); configuration.addAllowedOrigin("*"); configuration.addAllowedHeader("*"); configuration.addAllowedMethod("*"); UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", configuration); return source; } } ``` 2. 在 CorsConfigurationSource 中设置允许跨域访问的源、方法和头信息。以上代码中的 configuration.addAllowedOrigin("*") 表示允许所有来源跨域访问，configuration.addAllowedHeader("*") 表示允许所有头信息，configuration.addAllowedMethod("*") 表示允许所有 HTTP 方法。 以上就是 Spring Security 解决跨域请求的方法，希望对您有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值