【已解决】解决Springboot项目访问本地图片等静态资源无法访问的问题

今天在开发一个招聘系统的时候,有投递简历功能,有投递就会有随之而来的查看简历对吧,我投递过的简历,另存为一个文件夹,就是说本地磁盘(或者服务器)有一个专门存放投递过的简历的文件夹,用于存放PDF(此文件夹不在项目目录下),比如说文件夹在这个位置,那么我的项目就得必须读取到这个文件夹的url里的pdf文件也好,img也好,然后我就遇到了各种问题读取不到;

首先说一下:我的项目是在F盘的,资源文件是在这个D盘
那么我的项目在运行过程当中,怎么才能读取到这个磁盘下的资源文件呢?

我用的后端是Springboot;

首先说一下非前后端分离的吧:

  • 在Springboot的配置文件里加一句

    spring:
    	web:
    		resource:
    			static-locations: classpath:/static/,file:${web.upload-path}web:  
     upload-path: D:/file/

    这句话的意思就是说D:/file/这个文件夹就是 资源文件夹 ,D:/file/ 映射为后端端口:http://ip:port了,我们要想访问的话(非前后端分离项目)直接加具体文件的路径即可
    例如:我想访问 XXX.pdf, 在项目中如何访问呢?

  • 那就是 /url/4_url/xxx.pdf 就可以了.
    就是 src:/url/4_url/xxx.pdf

    再来说一下前后端分离的

    我用的是VUE+Springboot,

    我在用这个的时候 显示pdf或者静态资源图片等文件的时候,,今天来说一下 无法显示的问题。
    老样子一样是在后端的yml文件中配置 静态资源的路径。配置完之后,Vue前端如何访问呢?
    首先 后端有个真实端口(server.port);
    我是在个人电脑上 开发的, 我的前端:8080 代理:9999 后端:9090

    vue前端要是想访问http://localhost:9090/url/4_url/xxx.pdf 就可以访问了,
    但是在这个过程中 如果资源是图片访问没有任何问题
    但是我这个是PDF,src:http://localhost:9090/url/4_url/xxx.pdf 可行吗?
    不知道为什么 ,不行,可能是我用错了,控制台打印一堆警告,有时还打印有跨域问题;

    来说一下我的解决方案:改用a标签

    <a :href="local+PDFUrl" target="_blank" >查看</a>local: http://localhost:9090
    pdfurl: /url/4_url/xxx.pdf
    

    点击的时候会自动弹出去,打开一个新界面查看pdf。
    这就是我的解决方案,

    pdfjs我在说一下,有时候能显示,有时候不能显示,可能是我不会用吧。

最近更新

  1. TCP协议是安全的吗?

    2023-12-23 01:26:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-23 01:26:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-23 01:26:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-23 01:26:01       20 阅读

热门阅读

  1. RedisTemplate存取数据

    2023-12-23 01:26:01       33 阅读
  2. 常见的排序算法---快速排序算法

    2023-12-23 01:26:01       53 阅读
  3. Oracle-表备份、表数据备份、create select语句备份

    2023-12-23 01:26:01       46 阅读
  4. 设计测试用例

    2023-12-23 01:26:01       35 阅读
  5. 数据结构【2】:列表专题

    2023-12-23 01:26:01       38 阅读
  6. 【Linux】Linux中链表数据结构详细说明及用法代码

    2023-12-23 01:26:01       35 阅读
  7. LeetCode2828. Check if a String Is an Acronym of Words

    2023-12-23 01:26:01       41 阅读
  8. 面试算法65:最短的单词编码

    2023-12-23 01:26:01       39 阅读
  9. Macbook安装nvm以切换node版本

    2023-12-23 01:26:01       44 阅读
  10. nginx upstream 6种负载均衡策略介绍

    2023-12-23 01:26:01       31 阅读
  11. Android开发中实时语音开发之华为实时语音识别

    2023-12-23 01:26:01       44 阅读
  12. npm的使用技巧

    2023-12-23 01:26:01       34 阅读