使用vue+webpack+element搭建项目是注意几个点

前言，作为整个项目在本地都能正常运行起来，这说明，整体的框架是没问题的。但是往往实际的项目中，我们需要各种丰富的功能，各种各样的需求，这就需要我们在原有的框架基础上进行扩展。

1.问题描述：本地启动是正常的，刷新网页也是正常显示的；但是打包后一刷新就会出现路由找不到，报404的路径错误问题。

  答：这是我们是使用了vue路由的history模式，在vue的路由配置那里去掉model:'history'就可以

2.问题描述：本地显示css样式和vue文件里面的动态加载的图片都是正常的，但是打包以后，css样式图片可以显示，但是vue文件里面动态加载的图片路径却找不到。

 答：像这种肯定是打包以后路径发生了改变，像我们的图片资源都是放在static文件夹下面的，打包也不会改变路径；而打包以后vue文件动态加载的图片却找不到，这是我们就需要给我们图片的路径加上require方法来获取打包后的路径，如require('../../static/img/openMenu.png')，来拿到由于打包路径发生改变获取图片路径。

3.问题描述：本地显示都是正常的，而打包后样式却发生了改变。

  答：经过一番比较后才发现原来在不同的vue里面定义相同的class,但是给他们设置的样式值不一样，但是打包后路径发生了改变，如果是在不同的vue文件中定义了相同的class,设置的样式会叠加，这样我们在实际开发中就需要注意，最好在不同文件中使用不同的class来区别。