文档章节

vue打包后图片路径错误无法显示

YXMBetter
 YXMBetter
发布于 2017/09/07 15:49
字数 102
阅读 76
收藏 0
  • 使用vue-cli后做项目,将图片路径放到了src/assets文件夹下,然后打包到线上时发现图片找不到了
  • 解决方式:
    • 将图片放到static文件夹下
    • 修改config/index.js中,build对象下的assetsPublicPath为‘/’,原来的是'./'
    • 修改图片路径:写成绝对路径(例如:‘/static/1.png’)
  • 完美解决

© 著作权归作者所有

共有 人打赏支持
YXMBetter
粉丝 9
博文 164
码字总数 107360
作品 0
昌平
程序员
使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中...

初学者的优化
06/24
0
0
vue-cli 实战中遇到的`坑`

也可能是因为接触vue时间也不长,经常落入不知名的‘坑’中,对于我这个菜鸟来说,每次‘落坑’无疑是一场不小的灾难。前两天有个朋友在问我,在使用中有没有遇到一些很难解决的问题,一下我...

Christine
2017/11/27
0
0
webpack结合reactjs、vuejs项目中图片处理

这篇文章主要整理一下自己在使用 结合 或 开发过程中图片的处理方法。 我的需求 项目打包之后(假定输出目录为 ),除了 ,将所有的静态资源上传至 ,而并非打包之后所有静态资源都在应用服务...

zhCN_超
07/02
0
0
Vue学习笔记之vue-cli项目搭建及解析

(一)安装node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csd...

逆袭的小菜鸟
2017/12/28
0
0
vue升级之路(一)-- 使用vue-cli构建vue项目

最近在公司用vue.js做了个移动端OA项目,有点感觉vue2.0的运用感觉有点不足,所以准备用这次项目的累积及之前的一些理解,写一个vue系列的博客,巩固一下自己对vue的使用,也希望对大家有所帮...

tree_book
06/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

shell-日志脚本小实验

1.查找日志2018-8-15,求得那一分钟访问量最大。 #/bin/bash#from cc#2018-8-15#2018-08-15.log 哪一分钟 访问量 最大for d in `ls /data/nginx/logs/`doif [ -a 2018-08-15...

chencheng-linux
昨天
0
0
Android中的设计模式之状态模式

参考 《设计模式:可复用面向对象软件的基础 》5.8 State 状态 对象行为型模式 《Android源码设计模式解析与实战》第7章 随遇而安--状态模式 意图 允许一个对象在其内部状态改变时改变它的行...

newtrek
昨天
0
0
xshell端 vim没有颜色

说明 使用xshell连接服务器的时候,使用vim打开文档没有颜色 解决方法: 1.在更目录home或者etc下找到vim的配置文件vimrc 2.vim打开它找个坑,添加下面这个东西 set t_Co=256 3.保存退出,就...

杉下
昨天
0
0
spring 资料

spring boot http://www.ityouknow.com/springboot/2016/01/06/spring-boot-quick-start.html

zaolonglei
昨天
2
0
TypeScript基础入门 - 函数 - 简介

转载 TypeScript基础入门 - 函数 - 简介 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.1.6 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接...

durban
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部