zoukankan      html  css  js  c++  java
  • vue开发完成后打包后图片路径不对

    用vue做了一个小的移动端项目,从头到尾做下来,感觉自己好多东西都没弄清楚过。也学到了很多,已整理笔记在自己电脑上,但是比较零散,空了再来仔细整理整理。

    于是,上周五模拟好数据(接口还未写),准备打包发布到服务器上面看看效果。

    这时,真的问题就来了,很多图片没出来,仔细一看,这特么的路径完全不对呀!

    虽然以前也做vue, 但是仔细想想,自己还从来没有用vue-cli打包过后来看,一直是在本地边开发边看的。

    所以呢,什么都得自己实践,才能学得更多!

    废话不多说,直接上自己的代码例子:

    之前我也写过,css和js里面引用图片的相对位置不一样。
    然而,在vue的js里面操作图片,要记住两点。
    首先,图片放到静态文件static里面(下图1中最左下角)
    其次,图片的路径写这样写 (我不是很明白,这种‘ ./ ’路径是相对呢还是绝对路径呢?希望大神指点一二),即:./static/img/local.png
    不能写这样的相对路径: ../../../static/img/local.png
    具体看下图标注:
     
    类似的还有下面这个:
    但是对于html里面就不用,如下图:
     
    同时附上config里面的配置:
  • 相关阅读:
    c# 类型转换符的重载
    C# 串口读写
    STM32 Keil C++编写单片机程序
    C# 静态构造函数的使用
    MvvMlight 学习之 SimpleIoc
    STM32 之 DMA
    STM32 之 SysTick
    突然发现用PHP做多条件模糊查询很简单
    discuz代码转为html代码
    Discuz!开发之HTML转Discuz代码(bbcode)函数html2bbcode()
  • 原文地址:https://www.cnblogs.com/xiayu25/p/7201384.html
Copyright © 2011-2022 走看看