开发者社区彭世瑜的博客文章正文

Vue：静态资源的路径问题

2021-11-26 175

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Vue：静态资源的路径问题

1、template

<img src="@/assets/image/login/title.png" alt="">
// 渲染后html页面
<img src="/static/img/title.1e9fa570.png" alt="">

2、style

/* 图片路径 src/assets/image/bg-index.jpg */
background: url(~@/assets/image/bg-index.jpg)
/* 渲染后 */
background: url(/static/img/bg-index.e4bde37c.jpg)

参考

详解vue中静态资源的路径问题(深度好文)

文章标签：

JavaScript

关键词：

VUE.js静态资源

码农技术君

禹鼎侯

5月前

JavaScript 前端开发 NoSQL

go embed 实现gin + vue静态资源嵌入

禹鼎侯

350 0 0

码农技术君

JavaScript

Vue：静态资源的路径问题

码农技术君

110 0 0

青年码农

JSON JavaScript 数据格式

解决vue cli3.x打包上线静态资源找不到路径问题

青年码农

328 0 0

青年码农

JSON JavaScript 数据格式

解决vue cli3.x打包上线静态资源找不到路径问题

青年码农

439 0 0

杀死一只知更鸟debug

4天前

JavaScript

vue组件中的插槽

本文介绍了Vue中组件的插槽使用，包括单个插槽和多个具名插槽的定义及在父组件中的使用方法，展示了如何通过插槽将父组件的内容插入到子组件的指定位置。

杀死一只知更鸟debug

14 1 1

人间真情在哪儿

2天前

JavaScript

vue消息订阅与发布

人间真情在哪儿

106 59 59

游客qeoynko2nmbgk

3天前

JavaScript 前端开发 IDE

Vue学习笔记5：用Vue的事件监听实现数据更新的实时视图显示

游客qeoynko2nmbgk

19 7 7

游客qeoynko2nmbgk

3天前

JavaScript 前端开发 API

Vue学习笔记4：用reactive() 实现数据更新的实时视图显示

游客qeoynko2nmbgk

20 5 7

刘大猫.

1天前

JavaScript

vue尚品汇商城项目-day07【vue插件-50.（了解）表单校验插件】

刘大猫.

10 4 4

刘大猫.

1天前

JavaScript

vue尚品汇商城项目-day07【51.路由懒加载】

刘大猫.

12 4 4

Vue：静态资源的路径问题

热门文章

最新文章

相关课程

相关电子书

相关实验场景