无涯教程网

Vue.js 在 VueJS 中存储图像的正确位置是什么公共文件夹或assets文件夹

发布于07月11日

我使用Vue已经有一段时间了，我注意到我可以将项目图像存储在assets文件夹或public文件夹中.

要访问Vue中assets个文件夹中的图像，可以执行:src="require('@/assets/images/myimage.jpg')"

要访问Vue中public个文件夹中的图像，可以执行:src="./static/images/myimage.jpg"

What's the proper location to store Vue project images?

What's the implication of using either?

How do they affect my project?

推荐答案

根据vue官方文档，assets资源文件夹中的所有内容都将由Webpack处理，而公用文件夹中的所有内容都只是复制，但不会通过Webpack:https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling处理

所以，如果你想在构建过程中利用Webpacks优化功能(你肯定想要)，就把它们放在assets资源中.

Vue.js相关问答推荐

V-img不显示文件夹中的图像

为什么发送 POST API 请求时主体对象没有react ？

在 Vuejs 中更新 Chartjs 图表数据集

Vuetify 复选框未正确显示值

vue3 输入标签给出错误 Vue.use 不是函数

在 Vue 中删除自定义组件代码重复的方法？

在 Ajax 函数中访问 Vue.js 组件属性

如何容器化 Vue.js 应用程序？

vue 模板中无法识别 pug 语言

Vuex store 在 Nuxt 的什么地方

如何根据生产或开发模式读取不同的 .env 文件？

v-for 中的 VueJS 插槽

是否可以在 vue-devtools 中命名 Vue 实例？

SassError：媒体查询表达式必须以(开头

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

vue 在 v-model 之后执行 @click

加载时焦点文本框上的 Vue.js

将 SignalR 与 Vue.js 和 Vuex 集成

Vuejs 组件等待 facebook sdk 加载

在 vue.js 应用程序中将静态内容(例如国家代码)存储在哪里？

实用课程推荐

相关教程推荐