vue中axios訪問Java后端跨域問題解決

問題背景：

　　前后端分離，前端選用Vue，后端選用Java，vue編譯出的靜態頁面采用ngix發布，在前端訪問后端時出現跨域問題。

解決方法：

　　跨域的問題解決方法有好多種，這里是通過服務端解決，以下是代碼實現。

public class AllowOriginFilter implements Filter {

    @SuppressWarnings("unused")
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {

        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest request=(HttpServletRequest)req;
        response.setHeader("Access-Control-Allow-Origin", "*"); // 設置允許所有跨域訪問  9         response.setHeader("Access-Control-Allow-Methods", "POST,GET,PUT,OPTIONS,DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Origin,X-Requested-With,Content-Type,Accept,Authorization,token");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        chain.doFilter(req,res);
    }

    public void init(FilterConfig filterConfig) {}

    public void destroy() {}


}

導致跨域問題的情況：

URL地址	解釋說明	是否允許通信
http://www.a.com/a.js http://www.a.com/b.js	同一域名	允許
http://www.a.com/a/a.js http://www.a.com/b/b.js	同一域名，不同文件夾	允許
http://www.a.com/a.js http://www.a.com:8080/b.js	同一域名，不同端口	不允許
http://www.a.com/a.js https://www.a.com/b.js	同一域名，不同協議； 一個是http，另一個是https	不允許
http://www.a.com/a.js https://www.10.0.1.100.com/b.js	一個域名，一個域名對應的IP	不允許
http://www.a.com/a.js https://www.sub.a.com/b.js	同一主域名，二級域名不同	不允許
http://www.a.com/a.js http://www.b.com/b.js	兩個不同的域名	不允許