首页 > 其他分享 >vue3项目,vie框架,相对路径图片,测试时正常显示,发布后不显示问题解决方案

vue3项目,vie框架,相对路径图片,测试时正常显示,发布后不显示问题解决方案

时间:2023-08-18 10:24:26浏览次数:42  
标签:img vie 相对路径 vue3 官网 imgUrl 图片

参考 Vite 官网的说明,修改图片的引用路径后,图片发布后可以正常显示

const imgUrl = new URL('./img.png', import.meta.url).href

document.getElementById('hero-img').src = imgUrl

官网地址: https://cn.vitejs.dev/guide/assets.html

 

标签:img,vie,相对路径,vue3,官网,imgUrl,图片
From: https://www.cnblogs.com/SuperJason/p/17639695.html

相关文章

  • vue3 vue.config.js配置详解
    //vue.config.js文件是用于VueCLI项目的全局配置的module.exports={  //部署应用包时的公共路径  publicPath:"./",  //生产环境构建文件的目录名(默认为dist)  outputDir:"dist",  //放置生成的静态资源的目录(默认为dist/static),可以修改为public。  assetsDir......
  • 通过 TCPView 还发现个流氓 KPKIService.exe 删掉
    叫统一安全中间件,就是个第三方做的key的安全检查,谁知道是哪年装的资料https://baijiahao.baidu.com/s?id=1717384219148345375&wfr=spider&for=pc......
  • vue3 文件上传进度条组件
    index.vue文件<template><divclass="confirm-modal"><transitionname="fade"><divclass="modal-dialog"@click="clickMaskToClose?handleCancel():null"v-if="visible"@tou......
  • 如何完美实现在DataGridView单元格中增加多个Button按钮?
    实现DataGridView多按钮操作列在很多WinForm过程中,经常会遇到使用DataGridView进行编辑的场景,用户希望在最后放一个操作列,里面放置两个按钮,一个增加行的按钮,一个删除行的按钮;并且第一行只有增加行的按钮,没有删除行的按钮,大概的界面如下:DataGridView本身提供了DataGridViewButtonCol......
  • vue3第一章
    官方文档(中文版):https://vue3js.cn/docs/zh/视频:https://www.qiuzhi99.com/movies/vue3/1330.html语法对比:https://www.jianshu.com/p/4e7ba9e93402与2.x区别对比1.vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用ES5的一个apiObject.definePropert()对数......
  • 基于taro组件scrollView实现pickview
    import{useEffect,useState}from"react";import{View,Image,Text,ScrollView}from'@tarojs/components'import'./index.less'lettimeOut:any=nulllettouch=falseletvalue={}letlength=0constIndex=(p......
  • [18章]Vue3+NestJS 全栈开发企业级管理后台
    点击下载:[18章]Vue3+NestJS全栈开发企业级管理后台提取码:zzbv Next.js是一个用于构建现代化React应用程序的框架。它强调性能、开发体验和SEO优化,是许多React开发者的首选。Next.js提供了许多功能,包括:服务器渲染:Next.js允许在服务器端渲染React应用程序,从而提高了应......
  • vue3 组合式 api 单文件组件写法
    1Vue3组合式API的基本原理和理念1.1Vue3中的CompositionAPIVue3中的CompositionAPI是一种新的编写组件逻辑的方式,它提供了更好的代码组织、类型推导、测试支持和复用性。相比于Vue2的OptionsAPI,CompositionAPI更加灵活和可扩展。在CompositionAPI中,我们使......
  • Vue3 常用组件库推荐
    Vue 作为一款深受广大群众喜欢的前端框架,拥有众多优秀的开源UI组件库,这里整理了一下供大家参考。这几套框架主要用于后台管理系统和移动端的制作,方便开发者快速开发。一、PC端UI库1.1ElementPlus官网地址:https://element-plus.org/zh-CN/Github:https://github.com/e......
  • oc 可执行文件结构探查--machOView
    @interfaceBaseClass:NSObject@property(nonatomic,strong)NSString*one;-(void)hello;-(void)func1;+(void)helloC;@end  ......