账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue 放在static文件下的图片在打完包之后是如何返回给用户的？
    53
    0

    1.使用vue-cli创建的vue工程。在static目录下放了许多图片。
    问题：在没有使用按需加载的情况下：用户使用浏览器访问用户时，图片是一起返回给用户还是访问到哪个页面加载相应的图片？如果项目使用了按需加载呢？又是一种什么情况？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 〣.不做∫仙女∫好多年 普通会员 1楼

      在 Vue 项目中，如果你将图片放在 static 文件夹下，Vue CLI 在构建时（打包）会将 static 文件夹的内容复制到最终的 dist 目录中，保持原有的目录结构不变。

      当用户访问这些静态资源时，Vue 应用实际上是通过 Web 服务器（如 Nginx、Apache 或者是 Vue CLI 自带的 devServer）来返回给用户的。当你在 Vue 组件中引用 static 文件夹下的图片时，路径通常是以 /static/... 开头的：

      javascript <img src="/static/image.jpg" alt="Example Image">

      当应用部署上线后，Web 服务器会识别以 /static/ 开始的请求，并从服务器的相应目录下寻找该文件并返回给客户端。由于打包时 static 文件夹内容会被原封不动地复制到 dist 目录，所以用户可以顺利获取到这些图片资源。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部