vue 上傳圖片及跨域

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-Headers", "X-Requested-With, Accept, Content-Type,Authorization");
        response.setHeader("Access-Control-Allow-Methods", "GET, POST,OPTIONS");
        String origin = request.getHeader("Origin");
        response.setHeader("Access-Control-Allow-Origin", "127.0.0.1");
        // 是否允許瀏覽器攜帶用戶身份信息（cookie）
        response.setHeader("Access-Control-Allow-Credentials", "true");

        // 圖片上傳返回第一次的option請求
        if ("OPTIONS".equals(request.getMethod())) {
        	response.setStatus(200);
        	return;
        }
}

　　后台過濾器配置

 

 

<Upload
                name="file"
                :format="['jpg','jpeg','png']"
                :show-upload-list="false"
                :before-upload="beforeupload"
                :on-success="handleSuccess"
                :max-size="2048"
                :action="actionBaseUrl"
                :with-credentials="credentials"
                style="margin-left: 10px;display: inline-block;">
                <Button icon="ios-cloud-upload-outline">上傳圖片</Button>
              </Upload>

 

　　iview 上傳圖片組件