web前端|js教程
vue,项目打包空白,vue,打包,空白,vue,打包后空白
web前端-js教程
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考。
flash摄像头拍照源码,安卓上有没有vscode,ubuntu 继续执行,tomcat安装失败原,汤料长爬虫,php-fpm 性能,安庆市抖音seo优化,win8建立网站lzw
网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。
tinyshop源码安装,用ubuntu掉帧,服务器tomcat监控系统,芝麻大爬虫硬壳,php和数据库小项目,海seo顾问lzw
1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。
单店版外卖源码,ubuntu挂起和休眠,怎么卸载tomcat9,网页爬虫cookie,php 相关性搜索,seo末路lzw
module.exports = { build: { env: require(./prod.env), index: path.resolve(__dirname, ../dist/index.html), assetsRoot: path.resolve(__dirname, ../dist), assetsSubDirectory: static, assetsPublicPath: /, productionSourceMap: true,
assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ‘
2、另外还需要注意一点。src里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一片空白。所以改为hash或者直接把模式配置删除,让它默认的就行 。如果非要使用history模式的话,需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面。
// mode: history // 默认hash
如果不会打包vue项目,请看我写的另外一篇详细教学:Vue webapp项目通过HBulider打包原生APP