java在Vuejs中使用axios时如何避免CrossoriginResourceShare（CORS）？

Question

我使用Vue js开发了一个web应用程序。我正在使用axios进行API调用。我正在使用Web服务进行API。我已将CORS过滤器包含在我的API中，用于“允许控制允许来源”。 我使用的axios如下：

axios.get('http://192.26.3.51:8097/FeedbackPhase2/login) .then(response => { this.fb1 = response.data this.vh = this.fb1.length })

在我的CORS过滤器中：

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

        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;

        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Credentials", "true");
        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", "Content-Type, Accept, X-Requested-With, remember-me");

        chain.doFilter(req, res);
    }

问题是，当我在不同的浏览器中加载页面时，会出现如下错误：

Failed to load http://192.26.3.51:8097/FeedbackPhase2/login: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

及

Error: Network Error
    at createError (webpack-internal:///179:16)
    at XMLHttpRequest.handleError (webpack-internal:///178:87) 

我该怎么办？请引导我