zoukankan      html  css  js  c++  java
  • vue-webpack-simple模板build后图片加载问题

    按照vuejs官方的脚手架生成了demo代码,并运行,步骤如下:

    $ npm install -g vue-cli
    $ vue init webpack-simple my-project
    $ cd my-project
    $ npm install
    $ npm run dev

    打开浏览器,可以看到demo的页面:

    此时打包后的build.js是在内存中的。如果要生成打包后的build.js需要执行下面的命令:

    npm run build

    想把打包后的build.js放到java web项目中的src目录下试着运行,html,js加载成功,页面能显示,但是图片没有显示出来,看了下图片的路径,在这里:

    于是给项目中,增加了assets目录,把图片拷进去,重新执行,没有用。

    又看了下请求的url,发现图片的路径在dist路径下

    Request URL:
    http://localhost:8080/dist/logo.png?82b9c7a5a3f405032b1db71a25f67021

     重新拷贝图片到webapp目录下

    再次运行项目,图片加载成功!

  • 相关阅读:
    [数据结构] N皇后问题
    [2011山东ACM省赛] Sequence (动态规划)
    yaf 学习
    nginx 配置文件
    nginx.conf 理解
    fastcgi
    Nginx+FastCGI运行原理
    ssh-key 原理
    Git是个啥 ssh是个啥
    Git SSH Key 生成步骤
  • 原文地址:https://www.cnblogs.com/beilong/p/6684111.html
Copyright © 2011-2022 走看看