vue下载静态资源中的文件,vue静态文件放在哪里

vue找不到static里面的文件 2024-01-06 10:18 850 墨鱼

vue找不到static里面的文件

vue下载静态资源中的文件,vue静态文件放在哪里

第一步是在public文件夹下创建一个新的静态文件夹来存放静态资源。在我们正在处理vue项目的public文件夹下创建一个新的静态文件夹。这个文件夹存放我们需要下载的静态资源文件，如下图，我存放的是模板.xlsx文件，等待1。现在将静态文件放入public目录下的静态文件夹2.ahref="/static/test.zip"target="_blank">

[1]需求是创建一个下载Exel模板的通用功能：我原本将Exel模板放在src下的assets文件夹中，专门用于静态资源（图片、css文件、json文件、xml文件），然后使用a标签，如果将编写的文件的相对路径打包，您会发现该模板。

1.创建静态资源文件夹。首先，在Vue项目的根目录下创建一个名为"static"的文件夹。该文件夹将包含所有静态资源。在"static"文件夹中，您可以创建其他文件。所有Markdown文件将由webpack编译成Vue组件，因此您可以并且应该优先使用用户相对路径(RelativeURLs)来引用所有静态资源：[图像](./image.png

问题：使用vue-cli3下载文件时，静态文件下载失败。解决方案：public文件夹中的文件不会被Webpack处理：它们将直接复制到最终的打包目录（需要指定文件名）。通过存放网页端需要下载的静态资源文件，当点击下载模板按钮时，执行window.open("relativeURL");//ps:标签兼容性不好；relativeURL"是打包后相对于根页面的

￣□￣｜｜点击下载模板扩展名：与这种静态文件引用类似，可以这样写，但写法不同。链接标签：favicon.ico">图片：它是用来指定页面加载后不久将使用的资源的。因此，在页面加载过程中，我们希望在浏览器开始渲染之前尽可能早地进行预加载ingthemainbody。默认情况下，VueCLI应用程序将

后台-插件-广告管理-内容页尾部广告（手机）

标签： vue静态文件放在哪里