vue项目打包后首页空白问题

vue项目打包后首页空白问题解决方法

将config文件夹下的index.js文件中，build模块的导出路径进行修改。

原先的assetsPublicPath: '/',改为assetsPublicPath: './'

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',  // 此处改为 './'

assetsPublicPath默认的 ‘/’ 也就是根目录。而我们打包后的index.html和static在同一级目录下面，所以要改为 ‘./ ’。