(八)vue使用iframe嵌入网页

1、列表页面:

 this.$router.push({ name: 'userTemplate', params: { reportUrl: reportUrl, reportType: reportType }})
     

 点击查看后触发事件,带入参数跳转到userTemplate页面;reportType有两种类型,0表示reportUrl是绝对网址,1表示reportUrl是本地html文件。

2、userTemplate页面:






后端getFile:

//读取文件
	@RequestMapping("/getFile")
    @ResponseBody
	public HttpResult getFile(String reportUrl){
		 StringBuilder result = new StringBuilder();
	        try{
	        	
	        	FileSystemResource resource = new FileSystemResource("D:"+File.separator+"test"+File.separator+reportUrl);
	        	File file = resource.getFile();
	            BufferedReader br = new BufferedReader(new FileReader(file));
	            String s = null;
	            while((s = br.readLine())!=null){
	                result.append(System.lineSeparator()+s);
	            }
	            br.close();   
	            return HttpResult.getSuccessInstance(result);
	        }catch(Exception e){
	            e.printStackTrace();
	            return HttpResult.getFailedInstance("读取异常");
	        }
			

	}

 

你可能感兴趣的:(VUE,js)