當前位置:
首頁 >
解决:vue 用 axios 发送请求,每次都会发送两次请求
發布時間:2023/12/18
23
豆豆
生活随笔
收集整理的這篇文章主要介紹了
解决: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 发送请求,每次都会发送两次请求的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 寄存器、存储器、内存的区别
- 下一篇: 寄存器(CPU的工作原理)