run dev 就能整成显示,但是 run build 就是一篇空白,为啥呢

run build以后上传github使用gitpages显示空白,只有title,但是没有内容

讨论数量: 2

https://xxxxxxxxxx.github.io/vuejs-essenti...
注意路径最后的dist
github给出的地址没有dist

5年前 评论

我也遇到跟你一样的情况,F12打开console,看到静态资源全部404了,路径有问题。

百度到解决方案了:解决webpack vue 项目打包生成的文件,资源文件均404问题

修改 config/index.js 中 build的配置项assetsPublicPath 改为:

assetsPublicPath: './',

和修改 build/utils.js :

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'// 添加这一行
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

然后再运行 npm run build 再发布到 Github 就可以了

4年前 评论
Nay_said 4年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!