webpack打包vue 部署后空白页 图片不显示
2018-03-21 14:46
661 查看
新建一个vue webpack项目
打包上传服务器后是空白页，文字和图片就不显示。通过浏览器审查模式，在路径前加个“.”就可以了，说明是路径不对
一：页面路径
在项目根目录下的config文件夹下的index.js里，有一个build对象里的assetsPublicPath值，前面加个点
原来
现在
二：图片路径：
打包上传服务器后是空白页，文字和图片就不显示。通过浏览器审查模式，在路径前加个“.”就可以了，说明是路径不对
一：页面路径
在项目根目录下的config文件夹下的index.js里，有一个build对象里的assetsPublicPath值，前面加个点
原来
现在
二：图片路径：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
- Vue项目webpack打包部署到Tomcat，刷新报404错
- 在vue中的js部分导入图片后通过webpack无法被正确打包的问题
- Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
- 关于vue-cli + webpack打包给后台,部署上线
- 关于webpack和vue系列框架（vue-cli），后台返回本地图片的url在本地显示不出来
- webpack打包项目教程(还是遇到了打包后背景图片不显示的深坑以及html中的img不显示的问题，爬了一天多才豁然开朗)
- vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
- Vue项目webpack打包部署到服务器
- webpack 打包vue,组件不显示
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- vue-webpack 做出来的项目部署到服务器上，点开是空白页（我这里把项目发布到git上）
- Vue项目webpack打包部署到Tomcat
- Vue项目webpack打包部署到服务器的实例详解
- webpack图片打包
- vue+webpack 打包文件 404 页面空白
- 关于webpack打包图片的问题
- 解决在vue项目中webpack打包后字体不生效的问题
- webpack踩坑之路 (2)——图片的路径与打包
- 为什么vue+webpack需要用到node，如何部署项目到服务器？