vue打包注意事项

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

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

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

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

vue打包注意事项_第1张图片

vue打包注意事项_第2张图片

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

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

vue打包注意事项_第3张图片

4.项目中静态图片的地址 bulid -> utils.js

vue打包注意事项_第4张图片

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

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

2.打包的项目没