跨域问题：Access-Control-Allow-Origin

博客来源：

项目合作的时候，出现跨域访问，虽然种种迹象表明、跨域不安全、对于合作项目，来说跨域也不是不可

解决办法：【项目完结后将跨域取消即可】

修改跨域问题在Java后端解决

web.xml中

  <filter><filter-name>crossDomain</filter-name><filter-class>online.wenmeng.filter.crossDomain</filter-class></filter><filter-mapping><filter-name>CharacterEncodingFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>

crossDomain 复制这个类，放到你的项目中【要与上面过滤器中class对应】

package online.wenmeng.filter;import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** @Descrintion: 解决跨域问题的过滤器* @version: 1.0*/
public class crossDomain implements Filter {@Overridepublic void init(FilterConfig filterConfig) throws ServletException {}@Overridepublic void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {// 将ServletResponse转换为HttpServletResponseHttpServletResponse httpResponse = (HttpServletResponse) res;httpResponse.setHeader("Access-Control-Allow-Origin", "*");httpResponse.setContentType("application/json;charset=UTF-8");httpResponse.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, OPTIONS, PATCH");httpResponse.setHeader("Access-Control-Max-Age", "3600");httpResponse.setHeader("Access-Control-Allow-Headers", "Content-Type,Access-Token");// 如果要把Cookie发到服务器，需要指定Access-Control-Allow-Credentials字段为truehttpResponse.setHeader("Access-Control-Allow-Credentials", "true");httpResponse.setHeader("Access-Control-Expose-Headers", "*");chain.doFilter(req, res);}@Overridepublic void destroy() {}
}

重启项目，或者重新打包上传到云服务器，跨域问题解决

跨域问题：Access-Control-Allow-Origin相关推荐

部分图片上传图片报跨域错误Access to XMLHttpRequest at ‘http://localhost:8000/v1/avatar/update‘ from origin ‘http:
背景给服务器上传图片文件时发生跨域报错,奇怪的是部分图片上传时才会出现这种问题,而且后端已经配置了跨域处理,不应该是跨越错误,我用的后端是nodejs写的原因出现这种问情况是因为部分图片太大导致 ...
前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: No ‘Access-
完整报错如下: Access to XMLHttpRequest at 'http://localhost:8081/login' from origin 'http://localhost:8084 ...
VUE跨域问题Access to XMLHttpRequest at ‘http://localhost
问题描述 VUE发送请求的时候不能请求到正确数据,控制台如下 Access to XMLHttpRequest at 'http://localhost:8000/equip_fault_report ...
记一次option请求与jwt过滤器冲突引起的跨域问题(CORS Missing Allow Origin)
前端:vue3 + axios + - (http://localhost:8080) 后端 :springboot + jwt +-(http://localhost) 因为端口不同,会发生跨域问题 ...
php access control allow origin,js请求跨域问题--Access-Control-Allow-Origin
在前台调试的时候出现XMLHttpRequest cannot load http://www.xx.com/Action/Index.php?Action=11. No 'Access-Contro ...
(跨域问题)Access to XMLHttpRequest at xxx from origin xxx
问题:Access to XMLHttpRequest at 'http://localhost:8181/book/findAll' from origin 'http://localhost:80 ...
CORS 跨域实现思路及相关解决方案(转：http://www.cnblogs.com/sloong/p/cors.html)
本篇包括以下内容: CORS 定义 CORS 对比 JSONP CORS,BROWSER支持情况主要用途 Ajax请求跨域资源的异常 CORS 实现思路安全说明 CORS 几种解决方案自定义CO ...
WebApi Ajax 跨域请求解决方法（CORS实现）
ASP.NET Web API 的好用使用过的都知道,没有复杂的配置文件,一个简单的ApiController加上需要的Action就能工作.但是在使用API的时候总会遇到跨域请求的问题, 特别各种A ...
Nginx反向代理解决跨域问题（个人学习总结）
一.理解Nginx Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行.其特点是占有内存少,并发能力强,事实上nginx的并 ...
JS —— 5、数据交互、跨域
目录 26.数据交互 (1)原生请求 (2)参数解析 1.req.body--接收前端body的参数(下面演示:2) 2.req.query(下面演示:1) 3.req.params(下面演示:2.3 ...

跨域问题：Access-Control-Allow-Origin

修改跨域问题在Java后端解决

重启项目，或者重新打包上传到云服务器，跨域问题解决

跨域问题：Access-Control-Allow-Origin相关推荐

最新文章

热门文章