北京优化网站公司,建站平台塔山双喜,网站改域名审核时间,十大营销案例分析前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。
PS#xff1a;如果遇到 这个问题 Request header field Content-Type is not allowed by Access-Control-Allow-Headers#xff0c;解…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。
PS如果遇到 这个问题 Request header field Content-Type is not allowed by Access-Control-Allow-Headers解决方法见另一博文解决Request header field Content-Type is not allowed by Access-Control-Allow-Headers 1. 场景描述
我前端是一个 vue 工程写的是绝对 URL 请求后端工程接口报错如题
No Access-Control-Allow-Origin header is present on the requested resource 2.解决方法后端开放跨域新增一个过滤器设置头信息。
重点是这个设置
response.setHeader(Access-Control-Allow-Origin, *);
package gentle.filter;import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** 解决跨域设置* 可把此设置放在 nginx 中但只能设置一处** author silence* date 2018/12/11 15:19*/WebFilter(filterName requestFilter, urlPatterns {/*})
public class RequestFilter implements Filter {Overridepublic void init(FilterConfig filterConfig) throws ServletException {}Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {HttpServletResponse response (HttpServletResponse) servletResponse;HttpServletRequest request (HttpServletRequest) servletRequest;// 此处 setHeader、addHeader 方法都可用。但 addHeader时写多个会报错“...,but only one is allowed”response.setHeader(Access-Control-Allow-Origin, *);
// response.addHeader(Access-Control-Allow-Origin, request.getHeader(origin));// 解决预请求发送2次请求此问题也可在 nginx 中作相似设置解决。response.setHeader(Access-Control-Allow-Headers, x-requested-with,Cache-Control,Pragma,Content-Type,Token, Content-Type);response.setHeader(Access-Control-Allow-Methods, POST, GET, OPTIONS, DELETE);response.setHeader(Access-Control-Max-Age, 3600);response.setHeader(Access-Control-Allow-Credentials, true);String method request.getMethod();if (method.equalsIgnoreCase(OPTIONS)) {servletResponse.getOutputStream().write(Success.getBytes(utf-8));} else {filterChain.doFilter(servletRequest, servletResponse);}}Overridepublic void destroy() {}} 再次请求可以了。 3. 前后端工程也有作反向代理。前端工程部署时使用浏览器默认端口80 。后端工程端口为 8089 。nginx 监听端口 8082 。
前端请求后端 URL 为http:// nginx所在服务器 IP : 8082
前端工程请求 8082nginx 收到请求再转发到实际服务取得数据并最终再返回。
nginx 所在服务器也就是代理服务器可以和后端服务器为同一主机
在 nginx 配置文件中设置为 端口占用情况如下红框是 nginx 、黄框是前端工程、蓝框是后端工程。 PS springboot 项目中过滤器使用方法见文章Springboot 项目中过滤器的使用 ---------------------------------------------------------------------
后记 解决报错见文章 springbootajaxhas been blocked by CORS policy: No Access-Control-Allow-Origin
另报错The Access-Control-Allow-Origin header contains multiple valuesx, *, but only one is allowed.的解决方式见文章
解决The Access-Control-Allow-Origin header contains multiple valuesx, *, but only one is allowed.
---------------------------------------------------------------------
补记
2019.5.16
作了以上配置后出现情况跨域问题时好时不好最后在 nginx 代理中加了一个假性集群配置 这样请求后端成功。访问正常。此处的 ergouzi 只是 upstream 的名字。
事实上后端工程项目只部署在 8089 上其实 8082 上什么也没有。
---------------------------------------------------------------------
补记
2019.6.5
其实不用配置假性集群之所以会出现上面时好时不好情况的原因仅是由于我队友当时的操作
他也用我服务器那段时间有时会重启他应用的服务而当他重启之前会执行命令
ps -ef | grep java | awk {print $2} | xargs kill -9
查出当前运行的所有java程序再一并 kill
这样我的服务也挂了而我只注意到前端工程请求失败并未去查看后端工程服务是否正常。
好吧 这个我也应该检讨自己太粗心 ... 参考https://blog.csdn.net/qq_39403545/article/details/82116121
