1、config下面的index.js中bulid模块导出的路径,因为index.html里边的内容都是通过script标签引入的,而路径不对,打开肯定是空白的。先看一下默认的路径。
build: { // Template for index.html
// Paths 需要修改的是这里的路径
index: path.resolve(__dirname, '../dist/index.html'),// Paths 需要修改的是这里的路径 assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', /** * Source Maps */ productionSourceMap: false, // https://webpack.js.org/configuration/devtool/#production devtool: 'none', // devtool: '#source-map', productionGzip: false, productionGzipExtensions: ['js', 'css'], // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report }
assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ’。
2.第二个需要改的是router下的index.js, mode:'history’里的history改成hash。
mode:'history’打包的apk,打开之后页面是空白的,我找了好几天才找到原因。