程序员经验分享-hwhale

使用 vite 和 vue3 构建过程后资产未显示

2023-11-23

跑步时npm run build我的照片在下面src/assets/...在 dist 目录/生产版本中不可用。所以网站上没有显示。在开发模式下它肯定可以工作。

有什么想法如何让它们在构建后可用吗？


资产于src/assets必须在代码中引用（通过import或类似）包含在捆绑包中。如果您只想将静态文件与您的项目捆绑在一起，您应该使用public/反而：

静态资源可以通过两种不同的方式处理：

  • 在 JavaScript 中导入或通过相对路径在模板/CSS 中引用。此类引用将由 webpack 处理。
  • 放置在公共目录中并通过绝对路径引用。这些资源将被简单地复制，不会通过 webpack。

https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs

vuejs3

vite

使用 vite 和 vue3 构建过程后资产未显示 的相关文章

随机推荐

  • 如何修复滚动时折叠工具栏中的视图？

    我想用两个实现折叠工具栏EditText在其中 用于用户输入的目的 我正在跟进this回答 答案给出了添加两个的完美解决方案EditText进入折叠工具栏 但行为并不如预期 我所取得的成就 预期行为 我的 XML 代码

  • 使用express.js和node上传文件，限制扩展

    我正在使用express js 和node 处理文件上传 并且基本功能正常工作 我需要的是实施一些安全措施 即限制上传某些格式 PNG JPEG 有没有一种简单的方法只允许某些格式 它会进入正文解析器吗 app use express bo

  • R 中按部分对象名称过滤或子集列表

    我有一个包含 417 个数据框的列表 每个数据帧在列表中都有一个单独的名称 以 Dec 1981 开头并以 Aug 2016 结尾 这些对象按时间顺序排列 我想仅按月份名称来子集或过滤此列表 例如 创建一个仅包含 Jan 对象 数据框 的新

  • 内联块没有边距？

    我有几个 DIV 显示为内联块 他们似乎从浏览器中自动应用了间距 它们的边距 填充设置为 0 有没有办法在不使用负边距的情况下纠正这个问题 山姆 你看到的那个空间实际上是空白 这就是为什么删除填充和边距没有任何作用 让我解释 当你有这个时

  • 导入错误：没有名为“MySQL”的模块

    我已成功下载 Connector Python for MySQL 我在 Python 的 shell 中使用以下代码来测试我的连接 import mysql connector 我收到以下错误消息 Traceback most recen

  • 如何在<区域>上添加边框？

    有没有办法在周围设置边框 area 元素 我需要这样做来测试图像映射 但这不起作用 area outline 1px solid red border 1px solid red 如果您愿意使用 Javascript 请添加mouseove

  • 如何将日期时间转换为时间

    我正在选角DateTime字段到时间通过使用CAST Syntax select CAST time as time as CSTTime 约会时间2015 03 19 00 00 00 000 当前输出 时间03 05 36 000000

  • 是否可以在没有任何用户交互的情况下创建选择对象？

    Can a 选择无需任何用户交互即可创建对象 window getSelection 确实返回一个Selection反对 但你不能modify 除非用户做出某种选择 是否可以创建一个从页面上第一个元素开始的选择 然后能够modify 不需要

  • JSF 所需的 URL 重写解决方案

    假设以下应用场景 App server ear1 web1 ctx1 lt http localhost ctx1 xxx lt http www example com xxx

  • Symfony2：如何根据权限隐藏 Twig 中的链接

    我的应用程序显示了项目列表 项目详细信息页面以及用于编辑这些项目的表单 这些是路线 项目列表 project 42 查看项目 项目详细信息页面 project 42 edit 编辑项目 只有其所有者才能编辑项目 我已经实现了一个投票者来阻止

  • 为什么Scala中Array.map的定义是“throw new Error()”

    的源代码map for Array is override def map B f A gt B Array B throw new Error 但以下有效 val name Array String new Array 1 name 0

  • 如何使用nestjs/mongoose在模式类中定义mongoose方法？

    我想在模式类中实现方法 如下所示 import SchemaFactory Schema Prop from nestjs mongoose import Document from mongoose import bcrypt from

  • 如何使用实验性 API 将大文件写入 Blobstore？

    我陷入困境 我使用tipfy 作为框架在scribd 存储和blobstore 中上传文件 我的网络表单的操作不是由 blobstore create upload url 创建的 我只是使用 url for myhandler 我这样做是

  • 当因变量是因子/分类变量时的线性模型（lm）？

    我想用以下方法进行线性回归lm功能 我的因变量是一个称为AccountStatus 1 0 days in arrears 2 30 60 days in arrears 3 60 90 days in arrears and 4 90 d

  • 使用变形的列表过滤器

    我实现了一个损坏的filter使用变形的函数recursion schemes黑客库 import Data Functor Foldable xfilter a gt Bool gt a gt a xfilter f ana projec

  • AttributeError：“模块”对象没有属性

    我正在尝试获取两个立体图像的深度图 我已经从本文档 我收到以下错误 Traceback most recent call last File depth py line 9 in

  • JavaScript 中 Java 的 Thread.sleep() 相当于什么？ [复制]

    这个问题在这里已经有答案了 相当于Java的什么Thread sleep 在 JavaScript 中 简单的答案是没有这样的功能 你拥有的最接近的东西是 var millisecondsToWait 500 setTimeout func

  • 是否可以将数据添加到文件而不重写？

    我处理非常大的二进制文件 每个文件几个 GB 到多个 TB 这些文件以旧格式存在 升级需要将标头写入文件的前面 我可以创建一个新文件并重写数据 但有时这可能需要很长时间 我想知道是否有任何更快的方法来完成此升级 该平台仅限于 Linux 我

  • 为什么JavaScript只有在IE中打开开发者工具一次后才能工作？

    IE9 Bug JavaScript 仅在打开开发人员工具一次后才起作用 我们的网站为用户提供免费的pdf下载 并且有一个简单的 输入密码下载 功能 但是 它在 Internet Explorer 中根本不起作用 你可以亲自看看这个exam

  • 使用 vite 和 vue3 构建过程后资产未显示

    跑步时npm run build我的照片在下面src assets 在 dist 目录 生产版本中不可用 所以网站上没有显示 在开发模式下它肯定可以工作 有什么想法如何让它们在构建后可用吗 资产于src assets必须在代码中引用 通过i

热门标签