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

Vue：静态资源的路径问题

2022-09-13 111

版权

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

简介： 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)

文章标签：

JavaScript

关键词：

vue路径VUE.js

路径VUE.js

VUE.js静态资源

VUE.js路径

vue静态资源VUE.js

码农技术君

刘大猫.

1天前

JavaScript 前端开发

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】

刘大猫.

9 2 2

刘大猫.

1天前

JavaScript 前端开发

vue尚品汇商城项目-day01【3.项目路由的分析】

刘大猫.

6 1 1

刘大猫.

1天前

JavaScript 前端开发数据安全/隐私保护

vue尚品汇商城项目-day01【5.路由组件的搭建】

刘大猫.

5 0 0

刘大猫.

1天前

JavaScript

vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】

刘大猫.

6 0 0

刘大猫.

1天前

JavaScript 前端开发

vue尚品汇商城项目-day01【7.路由传参】

刘大猫.

6 0 0

刘大猫.

1天前

JavaScript API

vue尚品汇商城项目-day02【vue插件-13.nprogress进度条的使用】

刘大猫.

5 0 0

刘大猫.

1天前

JavaScript

vue尚品汇商城项目-day02【14.vuex状态管理库】

刘大猫.

5 0 0

凌浩雨

JavaScript 测试技术容器

Vue2+VueRouter2+webpack 构建项目

1). 安装Node环境和npm包管理工具检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.

凌浩雨

1039 0 0

刘大猫.

2天前

JavaScript API

vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示（开发Search组件）】

刘大猫.

13 1 1

vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示（开发Search组件）】

你都不懂

2天前

JavaScript 数据格式

vue3 + Ant design vue formItem 无法使用嵌套的form表单校验

你都不懂

16 1 1

Vue：静态资源的路径问题

热门文章

最新文章

相关课程

相关电子书

相关实验场景