vue下assets下的静态资源和static下的静态资源的区别

最新推荐文章于 2024-07-09 16:31:58 发布

weixin_30815469

最新推荐文章于 2024-07-09 16:31:58 发布

阅读量1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lml-lml/p/9918071.html

版权

区别一（最终位置）

assets文件是src下的，所以最后运行是需要进行打包，而static文件不需要打包直接放在最终的文件中了

区别二（引用方式）

assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用，但是在script下必须用@import的方式引入
static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入

建议

只要在src下面的组件中用到的资源就放在assets下面
在项目中，经常会用带一些没有npm包的第三方插件，放在static中

转载于:https://www.cnblogs.com/lml-lml/p/9918071.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30815469

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue 项目引用static目录资源_vue引入assets和static静态资源问题

weixin_39600837的博客

12-21

1497

1、assets文件夹与static文件夹的区别assets文件是src下的，所以最后运行时需要进行打包，一般用来存放自己用到的静态资源；static文件不需要打包就直接放在最终的文件中了，一般用来存放第三方静态资源。引入静态资源方法：js中用import，css中用@import url(...) ,index.html中用link(script)标签引入。利用vue-cli脚手架搭建的webp...

解决vue打包之后静态资源图片失效的问题

08-28

原因是，在 Vue 中，`src` 目录是相对根目录的，所以如果你想用上面的写法，必须要把静态资源文件存放于 `src` 目录下。正确的引入方式在 CSS 文件中引入背景图片时，需要使用相对路径。例如，如果你的图片存放...

参与评论您还未登录，请先登录后发表或查看评论

文章：前端框架——Vue中所需要的静态资源.rar

12-23

文章：前端框架——Vue 中所需要的静态资源上传，保留以备文章使用。欢迎下载。。。仅做学习用途，不能用于商业。。。

vue2.0 资源文件assets和static的区别

开心大表哥

03-09

2732

资源文件处理在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader 和 css-loader解析，寻找资源的URL。举个例子，在<i...

Vue下载本地静态资源static文件夹中的.xlsx .docx

qq_28170105的博客

07-09

604

下载模板

vue实现文件下载的2种方式

weixin_52268321的博客

05-02

8526

iframe、a标签下载文件都是调用浏览器默认下载行为iframe闭合标签，会创建包含另个文档的内联框架，通过iframe实现文件（附件）的下载，隐藏iframe，当点击事件触发的时候，动态设置src就能实现文件下载功能。

vue项目中下载静态资源里的pdf文件

Thea12138的博客

02-19

1104

1.把文件放在项目目录src/assets文件下。3.需要在vue.config.js中配置！2.在项目是用a标签下载。

Vue 实现下载本地静态文件

weixin_47906106的博客

09-05

3917

vue 本地文件下载

详解Vue-cli中的静态资源管理（src/assets和static/的区别）

12-04

你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？资源打包为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS...

详解vue2.0 资源文件assets和static的区别

10-17

总结来说，Vue 2.0中assets和static的使用主要体现在静态资源的处理方式上。assets文件夹中的资源需要被Webpack处理并输出到最终构建目录，而static文件夹中的资源则直接复制到构建目录中。理解这两者的区别和使用...

Vue 下载本地静态资源

不知在知的博客

04-14

1万+

Vue 下载本地静态资源 项目需要下载本地的Excel文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了这里src目录下的assets资源文件下 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200414103658710.png#pic_center) 下载报错找不到文件路径查找原因是因为项目用的是vue-cl...

vue-cl 有一些静态资源不想经过webpack打包那么应该public 下面

热门推荐

u013018357的博客

02-28

1万+

vue-cl3脚手架生成的项目，静态资源要是不想经过webpack打包，那么应该放置在public 文件夹下面。先说说vue-cl3 静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处...

vue前端实现下载文件功能

laosao_66的博客

04-24

884

点击下载后一直显示无法下载，更换浏览器也不行，后来找到了错误所在。错误原因就是我把路径写在与我存图片的路径目录下面了 src/assets/... ,这样是不对的，应该把你需要下载的文件放在跟src同级的目录下或者放在publice目录里面，就是与你的网页图标文件favicon.ico以及index.html 这两个文件同级就好了，由于public目录下的文件可以直接通过 URL 访问，您可以简单地指定该文件的 URL,例如：// public 目录下的文件的 URL。

Vue中的静态资源管理（src下的assets和static文件夹的区别）

weixin_34306676的博客

12-14

2954

你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？资源打包为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 复制代码...

windows.open 在vue前端实现文件下载（自定义下载文件名）

qq740874037的博客

07-06

8720

windows.open 在vue前端实现文件下载（自定义下载文件名）

vue中src下的assets文件与static文件的几点区别

weixin_33866037的博客

05-22

318

区别一： assets文件时src下的，所以最后运行时需要进行打包；而static文件不需要打包就直接放在最终的文件中了。区别二： assets中的文件在.vue中的template/style下用 ../ 这种相对路径的形式进行引用，在script下必须用 @import 的方式引入；而 static 下的文件在.vue中的任何地方都只要使用 ../ 这种相对路径的方式引入。 ...

vue中src下的assets文件与static区别

zhengxiao111的博客

11-29

691

一： assets文件时src下的，需要进行打包；而static文件不需要打包。二： assets中的文件在.vue中的template/style下用 ../ 这种相对路径的形式进行引用，在script下必须用 @import 的方式引入；而 static 下的文件在.vue只要使用 ../ 这种相对路径的方式引入。 ...

vue项目引入cdn加速

a1255215696的博客

11-06

1848

vue.config.js 示例 const path = require('path'); const TerserPlugin = require('terser-webpack-plugin'); const vueV = require('vue/package.json').version; const routerV = require('vue-router/package.jso...

vue vite 静态资源assets配置其他服务器