解决：vue 用 axios 发送请求，每次都会发送两次请求

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

我的解决方法是后端加一个过滤器：

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;/*** 改写所有请求头* @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;response.setHeader("Access-Control-Allow-Origin", "*");response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");response.setHeader("Access-Control-Max-Age", "3600");
//        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Authorization");response.setHeader("Access-Control-Allow-Headers", "Content-Type,XFILENAME,XFILECATEGORY,XFILESIZE,x-requested-with,Authorization");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() {}}

重点是这行代码：

 response.setHeader("Access-Control-Allow-Origin", "*");

方法二：前端也加头信息解决。

方法参见：https://www.cnblogs.com/Tohold/p/9173137.html

解决：vue 用 axios 发送请求，每次都会发送两次请求相关推荐

解决vue中axios同步的问题
解决vue中axios同步的问题参考文章: (1)解决vue中axios同步的问题 (2)https://www.cnblogs.com/zhupanpan/p/11319305.html 备忘一下 ...
axios请求发送两次请求_vue使用axios发送请求，都会发送两次请求
vue 使用axios,每次的请求都会发送两次,第一次的请求头为options CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sha ...
解决vue中axios不能安装到运行依赖的问题
今天,我在vue项目中安装axios依赖时,axios会自动安装到开发依赖中,这与我想的安装到运行依赖不符. 所以,怎么解决呢? 第一步:win+r 第二步:cmd 第三步:npm install a ...
epoll服务器压力测试,meter压力测试设置一秒发送一次请求，一秒两次请求
使用jmeter进行压力测试 ,测试情况有 1.一秒钟投1次请求(一个线程) 持续30分钟的情况 2.一秒钟发送2次请求(两个线程) 持续30分钟的情况下面说一下如何使用jmeter 测试这两种情 ...
ajax 跨域请求，每次会发送两个请求？
2019独角兽企业重金招聘Python工程师标准>>> 跨域已经是个老话题了,但是最近搞百度的语音接口的时候,在服务端配置了 CORS ,跨域倒是没问题,但是每次都会发送两个请求: ...
Chrome浏览器会重复发送两次请求,第2次还是空请求的原因与解决方法
用ServerSocket搭建了一个服务器.用Chrome测试http请求, 却总是收到两次请求,很奇怪的是第二次请求是空,如下所示收到一个请求:GET / HTTP/1.1 收到一个请求:null ...
Chrome 刷新页面两次请求问题
今天开发时发现每次刷新网页,后台都会收到两次请求,但是从Chrome的network中看到的却是一个,于是在地址栏中输入chrome://net-export/ ,打印一下日志看看,在日志中,第二次请 ...
解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
Vue通过Axios向后台发送Post请求，浏览器Console提示405，后台显示Get请求不支持--解决办法
Vue通过Axios向后台发送Post请求,浏览器Console提示405,后台显示Get请求不支持–解决办法问题场景: axios默认是发送get请求,我要给后台发送一组用户填写的表单数据,逻辑简 ...

解决：vue 用 axios 发送请求，每次都会发送两次请求

解决：vue 用 axios 发送请求，每次都会发送两次请求相关推荐

最新文章

热门文章