vue打包注意事项

最近在学习前端的知识，就选择了vue框架，我们几个后端的臭皮匠也应该可以顶小半个前端了吧，哈哈

自己做了个demo，发现执行那npm run build 打包后的文件夹用tomcat启动后页面出现空白现象，结合各大百度上的方法解决各种打包后的基础问题

1.在config下的index.js文件里需要修改两个地方

    1）.assetspublicpath:"./",这里要加一点，这个是静态文件的路径，打包后静态文件就在当前目录下。对了上面的两行是生成的文件夹名字，默认是dist，所以你可以在这里改成你想要的名字哦

2.改变productionSourceMap：false，这个是环境设置为生产环境

3.在配置路由这个地方，router/index.js里面模式是hash，如果改变history模式的话，就空白了

4.打包我发现在组件里<style>标签的样式，和import的文件都没有用，我就暂时把样式放在css里，然后import都放在<script>里

5.有时候有可能会报错，一些图片找不到路径，别慌，这时打开f12看看报错路径，根据这个路径去创建一个，给你们看一下我的

这个是打包生成的文件，我把img复制一下在css文件里新建一个static放进去，我的就这样解决了，有可能我们标错不一样，所以你们要根据报错的路径去创一个

6.我是写了一些事件后，发现一些事件打包后没反应，于是我又看一下打包文件，我把打包的文件（dist默认的）里的static复制一份放到与dist同目录下，就不报错啦

暂时还有几个优先级不高的问题，还没解决：

1.去掉打包后访问地址上面的#号

2.打包的项目没<style>里的内容

vue小白一枚，还有很多很多不足的地方，欢迎大家前来指导