zoukankan      html  css  js  c++  java
  • springmvc解决跨域问题

    public class SimpleCORSFilter implements Filter {
    
        public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
            
            HttpServletResponse response = (HttpServletResponse) res;
             HttpServletRequest reqs = (HttpServletRequest) req;  
            response.setHeader("Access-Control-Allow-Origin",reqs.getHeader("Origin"));  
            response.setHeader("Access-Control-Allow-Credentials", "true");  
            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");  
    
            System.out.println("----------哈利路亚-------------1--------"+response.getHeader("Origin"));
            
            chain.doFilter(req, res);
            
            
        }
      <filter>
            <filter-name>cors</filter-name>
            <filter-class>com.gosun.controller.base.SimpleCORSFilter</filter-class>
        </filter>
    
        <filter-mapping>
            <filter-name>cors</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    Vue.prototype.baseUrl = "http://IP地址:81/";
    
    
    //封装axios
    const instance = axios.create({
        baseURL: Vue.prototype.baseUrl,
        timeout: 10000,
        withCredentials: true,//跨域
        headers: {
          "Content-Type": "application/x-www-form-urlencoded"
        }//跨域
    });
    
    
    Vue.prototype.axios = instance;
      var rh = new Object();
          rh.ReqId = "ls123";
          rh.Salt = "sssseee";
          var rb = new Object();
          rb.CatId = "00001";
    
          this.axios({
            method: "post",
            url: "zdm/AppApi/Search/CategoryList",
            data: {
              ReqHead: rh,
              ReqBody: rb
            }
          })
            .then(function(response) {
              _this.msg = response;
            })
            .catch(function(error) {
              console.log(error);
            });
  • 相关阅读:
    python基础之函数(基础七)
    python基础之文件操作(基础六)
    python基础之数据类型补充(基础五)
    python之深浅拷贝(基础四)
    python基础数据类型之字典(基础三)
    python基础数据类型之列表,元组(基础二)
    python基础入门二
    随笔
    oss 上传照片失败
    mysql 同表查询更新
  • 原文地址:https://www.cnblogs.com/thankyouGod/p/7988194.html
Copyright © 2011-2022 走看看