vue.js使用手记——打包之后静态资源失效404问题

今天打包了vue的示例项目想丢到tomcat中启动，但是发现logo文件加载不成功

当前文件结构是：

logo图片放在assets文件夹中，打包之后dist中的文件结构是这样的

最后将dist文件夹和index.html丢到项目中进行访问时，logo的图片路径变为localhost:8080/dist/logo.png,导致访问失败

查阅资料后发现静态资源需要放在src目录下的static文件夹中，这样webpack在打包时不会将static文件夹中的静态资源文件打包至dist文件夹中，此时应该将index.html，dist文件夹和static文件夹丢到项目中，静态资源访问不到的问题就解决了。

最后附上web项目的webapp下目录结构