关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来
来源:互联网 发布:sam smith 知乎 编辑:程序博客网 时间:2024/06/07 18:15
本人也是前段时间,开始用webpack和vue框架开始做一个项目,避免了配置webpack的麻烦,就直接用了vue-cli。在项目开发中遇到需要从后台返回本地图片的url进行展示。例如:后台返回imgurl = ../../../1.png,前端直接用<img :src="imgurl" />。我想也没有多想,直接就把本地需要的图片加到之前保存图片的公共文件夹assets,进行了多次调试,接口也试了, 都没问题,图片的路径就是解析不正确,找不到这张图。在网上进行了多次查询后,发现也有不少人有这种问题,所以还是有必要写一下的。我找到的方法是把图片放到static文件夹里,
反正项目已经卡住了,死马当活马医,就试了一下,果然是对的。后来再回去进行深入的了解,全面的查找,还有一种方法就是随便把图片放哪里,但是必须在data里,以数组形式,把img的src以模块引用方式存入数组里。
阅读全文
1 0
- 关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来
- vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
- vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
- vue-cil和webpack中本地静态图片的路径问题解决方案
- 关于vue-cli + webpack打包给后台,部署上线
- vue环境搭建(一)webpack和vue-cli安装
- Vue-cli 使用json server在本地模拟请求数据
- 关于webview 加载本地图片资源 显示不出来的解决办法
- 关于webview 加载本地图片资源 显示不出来的解决办法
- vue-cli + webpack + vue-router
- Vue-cli+router+webpack
- webpack与vue-cli
- 从vue-cli中看node.js和webpack的运作
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli和webpack项目搭建
- 基于vue-cli的Webpack构建
- vue-cli+webpack前端使用后台接口跨域问题的多种解决及其原理和产生原因
- vue-cli的webpack项目,webpack-hot-middleware热加载热部署有时候不刷新页面
- 敏捷过程
- ucos-iii学习之系统内部任务
- 八、计算机网络之TCP/IP与配置
- XML解析
- HDU 6199 gems gems gems [DP+DP优化]
- 关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来
- 用开源代码构建机器人需要考虑的问题
- Gradle版本号不匹配导致的错误解决办法
- 【Java概念】继承(8)
- 【LeetCode】Manacher算法+Longest Palindromic Substring(最长回文子串)
- java is-a has-a
- 数据结构与算法:二叉树
- JavaSE复习(一)java概述和基本语法上
- Linux下常见的关于目录操作的命令