vue项目的业务页面中访问static静态资源,点击下载时报未发现文件

问题呈现如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/9a4ea529b09f47bf9f4b88299cde7208.png

vue 目录下静态资源的放置,新旧版本的放置不同
第一种:旧版本中是在根目录下面直接放置static文件夹
旧版查看publicPath的配置在webpack.js中
新版查看publicPath的配置在vue.config.js中
vue项目的业务页面中访问static静态资源,点击下载时报未发现文件_第1张图片

这种情况下访问静态资源的方式有两种:
(1)

let a = 你的publicPath里面配置的值
this.url = location.origin + '/' + a + '/xxx.xlsx'

(2)

let a = 你的publicPath里面配置的值
this.url =  '/' + a + '/xxx.xlsx'

第二种: 新版本是在根目录下面的public下面可以放置静态资源,页可以将static文件夹放在public目录下面
若放在static下,写法如下所示:

this.url =  '/static/xxx.xlsx'

若将具体资源直接放在public下面,写法如下所示:

this.url =  '/xxx.xlsx'

你可能感兴趣的:(vue开发中遇到的问题,前端)