想跳过跨域,直接本地测试效果

本文介绍了如何在前端开发中通过临时关闭谷歌浏览器的安全策略来解决接口访问的跨域问题,方法包括创建自定义浏览器配置,允许文件访问,以便在本地环境中查看功能效果。
摘要由CSDN通过智能技术生成

前端在进行各种开发的时候经常会遇到跨域问题,比如我们实现在线查看word文件,会提示访问的文件跨域了。但是我们又想就在本地环境看看开发的效果。

以后遇到访问接口跨域时,我们可尝试关闭谷歌安全策略。

方法:

1、在C盘新建一个文件夹MyChromeUserdata

2、在桌面快捷方式新建一个谷歌浏览器

3、点击属性,在目标后面添加 ·--allow-file-access-from-files --user-data-dir="C:\MyChromeUserData" --disable-web-security

打开这个新建的谷歌浏览器如果发现浏览器的一些配置都消失了,显示下面那张图框起来的那句话,代表配置成功了~

在这个浏览器里进行测试就不会出现跨域的影响啦。

  • 11
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
Java 后台跨域问题的方法有多种,以下列举几种常用的方法: 1. 使用 CorsFilter 过滤器 在 Spring Boot 中,可以通过添加 CorsFilter 过滤器来解决跨域问题。在代码中添加如下过滤器即可: ```java @Bean public FilterRegistrationBean corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration(); config.setAllowCredentials(true); config.addAllowedOrigin("*"); config.addAllowedHeader("*"); config.addAllowedMethod("*"); source.registerCorsConfiguration("/**", config); FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source)); bean.setOrder(Ordered.HIGHEST_PRECEDENCE); return bean; } ``` 2. 使用 @CrossOrigin 注解 使用 @CrossOrigin 注解可以在控制器方法上添加跨域配置。例如: ```java @RestController @RequestMapping("/api") @CrossOrigin(origins = "*", allowedHeaders = "*", methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.PUT, RequestMethod.DELETE}) public class ApiController { // 控制器方法 } ``` 3. 使用 JSONP JSONP 是一种跨域数据传输的解决方案,需要前端和后台协同实现。在后台中,需要将数据封装成一个 JSONP 回调函数的形式返回给前端,例如: ```java @RequestMapping("/api") @ResponseBody public String api(HttpServletRequest request) { String callback = request.getParameter("callback"); String data = "{\"name\": \"张三\", \"age\": 20}"; return callback + "(" + data + ")"; } ``` 前端在请求数据时,需要将回调函数的名称作为参数传递给后台,例如: ```javascript $.ajax({ url: "http://localhost:8080/api?callback=handleData", dataType: "jsonp", success: function(data) { console.log(data); } }); ``` 以上是几种常用的跨域解决方案,可以根据实际情况选择合适的方法。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

坐在办公室的咸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值