文档章节

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

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

© 著作权归作者所有

共有 人打赏支持
YXMBetter
粉丝 9
博文 170
码字总数 109729
作品 0
昌平
程序员
私信 提问
14 -vue 打包图片路径错误解决

一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目根目录下出现一个 dist 文件夹,项目目录如下图: . 1、这便是打包后的文件,直接将dist 文件...

大大的小小小心愿
12/05
0
0
使用 vue-cli 搭建项目

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

初学者的优化
06/24
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-cli 实战中遇到的`坑`

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

Christine
2017/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

[LintCode] Serialize and Deserialize Binary Tree(二叉树的序列化和反序列化)

描述 设计一个算法,并编写代码来序列化和反序列化二叉树。将树写入一个文件被称为“序列化”,读取文件后重建同样的二叉树被称为“反序列化”。 如何反序列化或序列化二叉树是没有限制的,你...

honeymose
今天
5
0
java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
23
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
18
0
my.ini

1

architect刘源源
今天
16
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
今天
16
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部