大众号小程序有什么用_vue项目打包后打开页面空

vue项目打包后打开页面空白解决办法       这篇文章主要介绍了vue项目打包后打开空白解决办法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。

<里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。

module.exports = {
 build: {
 env: require('./prod.env'),
 index: path.resolve(__dirname, '../'),
 assetsRoot: path.resolve(__dirname, '../dist'),
 assetsSubDirectory: 'static',
 assetsPublicPath: '/',
 productionSourceMap: true,
<和static在同一级目录下面。  所以要改为  ‘./ '

<,这个页面就是你app依赖页面。

// mode: 'history' // 默认hash

如果不会打包vue项目,请看我写的另外一篇详细教程:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。