【springboot】【vue】【nginx】通过url访问文件(静态资源)

19 篇文章 0 订阅
14 篇文章 0 订阅

方案一:从后台-springboot

  1. 放在resources.static下,例如新建files目录存放文件
    在这里插入图片描述
  2. 配置application.yml
spring:
  # 映射resource.static下文件,使之可以通过url地址直接访问
  mvc:
    static-path-pattern: /**
  1. 访问
"http:/ip:port/files/[filename].pdf"

方案二:从前端-static

  1. 将文件放在static目录下
  2. js访问,注意不要在static前面加"/"
"static/files/[filename].pdf"

方案三:从前端-ngnix

  1. 服务器配置好ngnix,前端已经部署测试成功
    前后端分离部署,ngnix反向代理

  2. 在存放index.html等文件的目录下存放文件,例如

在这里插入图片描述
3. 这样即可直接访问

"http:/ip:port/files/[filename].pdf"

前端下载(js跳转到新标签打开PDF文件)

let url=fileBaseUrl+this.downloadForm.downloadFile//下载地址
let ele=document.createElement('a')//创建a标签
 ele.download=this.downloadForm.downloadFile//下载名称
 ele.target="_blank"//新标签
 ele.href=url//地址
 $("body").append(ele)//将a标签插入页面
 ele.click()//点击a标签实现跳转
 $(ele).remove()//移除a标签

  • 7
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值