【springboot】【vue】【nginx】通过url访问文件(静态资源)
文件访问
·
方案一:从后台-springboot
- 放在resources.static下,例如新建files目录存放文件
- 配置application.yml
spring:
# 映射resource.static下文件,使之可以通过url地址直接访问
mvc:
static-path-pattern: /**
- 访问
"http:/ip:port/files/[filename].pdf"
方案二:从前端-static
- 将文件放在static目录下
- js访问,注意不要在
static
前面加"/"
"static/files/[filename].pdf"
方案三:从前端-ngnix
-
服务器配置好ngnix,前端已经部署测试成功
前后端分离部署,ngnix反向代理 -
在存放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标签
更多推荐
已为社区贡献3条内容
所有评论(0)