Vue静态资源的获取

错误写法1：（没有用require）

this.my_pic = './static/fruit/apple.png';

上面的写法会导致图片无法渲染

错误写法2：（require不支持“纯”变量）

this.my_path = './static/fruit/apple.png';
this.my_pic = require(this.my_path);

上面的写法会报Cannot find module错误。

正确写法：

this.my_file = 'apple.png';
this.my_pic = require('./static/fruit/'+this.my_file);

Vue静态资源的获取相关推荐

spring boot 字体文件等静态资源无法获取
spring boot 字体文件等静态资源无法获取原因原因maven打包时会过滤掉一些静态文件解决办法在pom.xml文件中配置静态资源过滤,然后再放行静态资源,这样就能让maven识别到那些 ...
详解vue静态资源打包中的坑与解决方案
详解vue静态资源打包中的坑与解决方案参考文章: (1)详解vue静态资源打包中的坑与解决方案 (2)https://www.cnblogs.com/goloving/p/8904545.html ...
vue 静态资源文件夹src下的assets 和static的区别
static下的静态资源在项目打包的时候,直接在dist文件夹下直接把static文件夹打包进去 src下的assets,在打包时,vue是按照模块来引入里面的静态资源,一般使用这种方式转载于:ht ...
Vue静态资源之public文件
前言今天在看公司项目代码时,发现了一个比较有趣的动画,审查元素才发现是一个gif动图,查看相关代码发现图片路径写的是../../../xxx/xxx.gif于是我按照之前的习惯向上找三级,找了半天没 ...
vue项目配置public静态资源路径访问
1.简介一般的vue项目都有一个初始index.html,而其他js.css都是这个html引入的,默认情况下使用绝对路径引入,如/js/app.js 这样就有一个问题,静态资源经常要部署在不同的上 ...
SpringBoot-web开发(一): 静态资源的导入(源码分析)
目录方式一:通过WebJars 1. 什么是webjars? 2. webjars的使用 3. webjars结构 4. 解析源码 5. 测试访问方式二:放入静态资源目录 1. 源码分析 2. 测 ...
Spring MVC静态资源处理(转)
优雅REST风格的资源URL不希望带 .html 或 .do 等后缀.由于早期的Spring MVC不能很好地处理静态资源,所以在web.xml中配置DispatcherServlet的请求映射,往往 ...
Spring MVC静态资源处理
优雅REST风格的资源URL不希望带 .html 或 .do 等后缀.由于早期的Spring MVC不能很好地处理静态资源,所以在web.xml中配置DispatcherServlet的请求映射,往往 ...
vue脚手架和html,HTML和静态资源
HTML和静态资源 HTML Index 文件 public/index.html文件是一个会被 html-webpack-plugin 处理的模板.在构建过程中,资源链接会被自动注入.另外,Vue ...

Vue静态资源的获取

错误写法1：（没有用require）

错误写法2：（require不支持“纯”变量）

正确写法：

Vue静态资源的获取相关推荐

最新文章

热门文章