https页面加载http资源的解决方法

左手的ㄟ右手 2024-03-23 02:26 90阅读 0赞

![在这里插入图片描述][7359f6ebeee9447d937e88c9f535c5cf.jpeg_pic_center]

#### 文章目录 ####

*  1.报错如图
 *  2.项目背景
 *  3.网上的解决方案
 *  4.我的最终解决方案

## 1.报错如图 ##

![在这里插入图片描述][6d282368cabd42369d4b2bc196b02216.png]

## 2.项目背景 ##

> 我们的项目采用的全是https请求，而使用第三方文件管理器go-fastdfs，该文件管理器返回的所有下载文件的请求全是http开头的，比如http://10.110.38.253:11014/group1/batchImportData/组 (26).xlsx，然而在https请求下使用http的请求就会报如上图的错误，且不能把文件下载请求http改为https，因为修改后会查询不到文件。所以必须只能采用http的请求且想让功能实现。

![在这里插入图片描述][a3e124939fd34f278802b5053026cc16.png]  
`注意点1：`我们公司项目请求协议前缀必须是https的，执行http的无效

`注意点2：`这种第三方返回的文件下载路径http://10.110.38.253:11014/group1/batchImportData/组 (26).xlsx，是可以直接放在浏览器上直接下载的，具体请看如图  
![在这里插入图片描述][438bbf2fc26c47fab61ee0f980650cbc.gif]

## 3.网上的解决方案 ##

> 可以先看下其他人的博客，但是方案对我目前公司项目无效

[1.https页面加载http资源的解决方法][1.https_http]

[2.分享 4个解决 https页面加载http资源报错的方法][2._ 4_ https_http]

> 问题：里面的方案为啥对我公司的项目无效？

答案：

*  针对修改协议前缀的方案，我们的必须得是https的才行，其他无效。
 *  针对使用 iframe 的方案，因为没用过，且感觉项目引入会很费事且庞杂，所以当时没考虑该方案。
 *  针对自动升级方案（也就是说把第三方文件管理器go-fastdfs配置文件改了，由http协议改为https协议），该方案真对我的项目不行，因为我的公司有很多老项目都是用这个文件管理器go-fastdfs，如果把协议改了，不清楚对其他服务会不会有影响，所以轻易不能动。

`综上所述：`上面的方案我一个都不能用，所以我需要另想他法。

## 4.我的最终解决方案 ##

接下来说下我最终想到的方便且容易上手的解决方案：那就是采用http工具执行url -> 然后把文件先下载到项目所在服务器的临时目录内 -> 然后再以读取普通文件路径的方式加载成File -> 再然后以流的方式输出给客户端弹窗另存为保存 -> 最后关闭流并删除服务器路径下的临时文件。

> pom.xml

<dependency>
    				<groupId>org.apache.poi</groupId>
    				<artifactId>poi-ooxml</artifactId>
    				<version>3.17</version>
    </dependency>
    <dependency>
                <groupId>org.apache.httpcomponents</groupId>
                <artifactId>httpclient</artifactId>
                <version>4.4.1</version>
    </dependency>
    <dependency>
                <groupId>cn.hutool</groupId>
                <artifactId>hutool-all</artifactId>
                <version>5.7.17</version>
    </dependency>

> 前端js代码

//批量管理-下载批量导入数据
    function downloadBatchImportDataTaskActionColumn(taskId) {
        
        var language = 'zh';
        if(Cookies.get("language") != null &&  Cookies.get("language") != "")
        {
        
            language = Cookies.get("language") ;
        }
        var url = prefix + "/downloadBatchImportData?language=" + language;
        var form = $("<form></form>").attr("action", url).attr("method", "post");
        form.append($("<input></input>").attr("type", "hidden").attr("name", "taskId").attr("value", taskId));
        form.appendTo('body').submit().remove();
    }

> 后端Controller代码

/**
         * 下载批量导入数据
         * 流程：
         *      查询数据库判断filedownLink字段是否为空
         *          为空：则代表旧数据，没有gofd对应的下载文件地址，因此把模板文件返回给客户端
         *          不为空：则代表gofd已经上传了对应的批量导入文件，且数据库中保存地址链接
         *              通过filedownLink封装成FiLE
         *                  判断File在临时目录内是否存在
         *                      存在：则直接返回给客户端，最后再把服务器临时目录内文件删除
         *                      不存在：则通过http工具调用filedownLink封装成File，将文件写入tempFilePath临时目录内，再把文件File返回给客户端，最后再把服务器临时目录内文件删除
         * @param req req
         * @param response response
         */
        @RequestMapping(value = "/downloadBatchImportData")
        public void downloadBatchImportData(HttpServletRequest req, HttpServletResponse response) {
        
            logger.info("-downloadBatchImportData-begin");
            String taskId = req.getParameter("taskId");
            OutputStream os = null;
            InputStream io = null;
            String tempFilePath = TEMP_FILE_PATH;
            String fileName = "";
            String language = req.getParameter("language");
            Workbook wb = null;
    
            try {
        
                ImpExpTaskDetail impExpTaskDetail = isvcBatchTaskServiceMicro.selectTaskDetailByTaskId(taskId);
                String filedownLink = impExpTaskDetail.getLink();
                if (org.springframework.util.StringUtils.isEmpty(filedownLink)) {
        
                    fileName = MessageUtils.message("batch.template") + ".xlsx";
                    String templateFileName = BatchConstant.DOWNAD_TEMPLATE_NAME + "_" + language + BatchConstant.EXTENSION_XLSX;
                    SysUser sysUser = ShiroUtils.getSysUser();
                    logger.info("-downloadBatchImportData-taskId:{},language:{}", taskId, language);
                    if (isysUserService.get36kType(sysUser.getUserId()) == Poc36kEnum.POC6K.getType()) {
        
                        templateFileName = BatchConstant.DOWNAD_TEMPLATE_NAME + "6k" + "_" + language + BatchConstant.EXTENSION_XLSX;
                    }
                    File templateFile = org.springframework.util.ResourceUtils.getFile("classpath:" + templateFileName);
                    logger.info("-Template file exist!,templateFileName:{}", templateFileName);
                    io = new FileInputStream(templateFile);
                    wb = new XSSFWorkbook(io);
                } else {
        
                    fileName = StringUtils.subscribeNameString(filedownLink);
                    File file = ResourceUtils.getFile(String.join(File.separator, tempFilePath, fileName));
                    if (!file.exists()) {
        
                        String begin = DateUtil.now();
                        DateTime beginTime = DateUtil.parse(begin);
                        long download = HttpUtil.downloadFile(filedownLink, FileUtil.file(tempFilePath, fileName), new StreamProgress() {
        
                            @Override
                            public void start() {
        
                                logger.info("开始下载，时间为：" + begin);
                            }
    
                            @Override
                            public void progress(long progressSize) {
        
                                logger.info("已下载：{}", FileUtil.readableFileSize(progressSize));
                            }
    
                            @Override
                            public void finish() {
        
                                String end = DateUtil.now();
                                DateTime endTime = DateUtil.parse(end);
                                long between = DateUtil.between(beginTime, endTime, DateUnit.MS);
                                logger.info("下载完成，用时：" + DateUtil.formatBetween(between, BetweenFormatter.Level.SECOND));
                            }
                        });
                    }
    
                    io = new FileInputStream(file);
                    wb = new XSSFWorkbook(io);
                }
                logger.info("-tempFilePath:{},fileName:{}", tempFilePath, fileName);
                response.setContentType("application/octet-stream;charset=UTF-8");
                response.setHeader("Content-disposition", "attachment; filename=" + URLEncoder.encode(fileName, StandardCharsets.UTF_8));
                wb.write(response.getOutputStream());
            } catch (IOException e) {
        
                logger.error("-downloadBatchImportData error:{}", e.getMessage());
            } finally {
        
                if (os != null) {
        
                    try {
        
                        os.close();
                    } catch (IOException e) {
        
                        logger.error("-OutputStream error:{}", e.getMessage());
                    }
                }
                if (io != null) {
        
                    try {
        
                        io.close();
                    } catch (IOException e) {
        
                        logger.error("-InputStream error:{}", e.getMessage());
                    }
                }
                if (Optional.ofNullable(tempFilePath).isPresent()) {
        
                    // 强制删除临时文件
                    boolean isDelete = com.hytalk.util.FileUtil.delFile(new File(tempFilePath));
                    logger.info("-downloadBatchImportData 强制删除临时文件 , filePath: {} , isDelete : {} ", tempFilePath, isDelete);
                }
            }
        }

> FileUtil工具类

import java.io.File;
    
    /**
     * 文件工具
     * @Author 211145187
     * @Date 2023/4/19 14:27
     **/
    public class FileUtil {
        
    
        /**
         * 删除文件
         * @param file 文件
         * @return boolean
         */
        public static boolean delFile(File file) {
        
            if (!file.exists()) {
        
                return false;
            }
            if (file.isDirectory()) {
        
                File[] files = file.listFiles();
                for (File f : files) {
        
                    delFile(f);
                }
            }
            return file.delete();
        }
    }

> StringUtils工具类

/**
     * 字符串工具
     * @author 211145187
     * @Date: 2021/11/11 16:11
     **/
    public class StringUtils {
        
    	/**
         * 截取url地址中的名称，比如路径地址为“http://10.110.38.253:11014/group1/batchImportData/组 (26).xlsx”，最后截取的名称为“组 (26).xlsx”
         * @param str 原字符串
         * @return 截取后的字符串
         */
        public static String subscribeNameString(String str) {
        
            if (str.lastIndexOf("/") > -1) {
        
                str = str.substring(str.lastIndexOf("/") + 1);
            }
            return str;
        }
    }

> 说明：

只在意我的思路流程即可，至于工具类或者查数据库数据代码啥的就不复制粘贴了。

[7359f6ebeee9447d937e88c9f535c5cf.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/d06b1a4f4bc84b4ba213d2b8b1de681f.png
[6d282368cabd42369d4b2bc196b02216.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/77c4ec98b8be4d70b8b0d10a37295de1.png
[a3e124939fd34f278802b5053026cc16.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/b2f2da21fffd49b4bc9a738a1a2dbb9a.png
[438bbf2fc26c47fab61ee0f980650cbc.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/1788f239e5c14caf816246d78b6e7a27.png
[1.https_http]: https://blog.csdn.net/qq_41999819/article/details/112686287?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168180621016800182166069%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168180621016800182166069&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-2-112686287-null-null.142%5Ev84%5Einsert_down1,239%5Ev2%5Einsert_chatgpt&utm_term=https%E5%A6%82%E4%BD%95%E6%89%A7%E8%A1%8Chttp%E7%9A%84%E5%9C%B0%E5%9D%80&spm=1018.2226.3001.4187
[2._ 4_ https_http]: https://blog.csdn.net/Ed7zgeE9X/article/details/122183127?ops_request_misc=&request_id=&biz_id=102&utm_term=https%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BDhttp%E8%B5%84%E6%BA%90%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-122183127.142%5Ev84%5Einsert_down1,239%5Ev2%5Einsert_chatgpt&spm=1018.2226.3001.4187