首页 > 代码库 > vue-webpack-simple模板build后图片加载问题
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目录下
再次运行项目,图片加载成功!
vue-webpack-simple模板build后图片加载问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。