Vue项目打包上传GitHub遇到的问题

路径问题

之前在本地预览项目，在本地路由中使用的模式是 history 模式，但是发现在GitHub上预览项目，点击各种路径无法跳转。
更改为 hash 模式可以解决。
在 router 文件夹中的 indes.js 文件中，相当于更改回了默认模式

mode:'hash',
const router = new Router({
  mode:'hash',
  routes: [ . . .] })

虽然这样子有难看的 # ，但是可以保证使用。

整个页面无法显示的问题

解 ： 因为你在本地运行和项目上线文件的 绝对路径问题。
在 config / index.js 文件中 更改 assetsPublicPath: './' 这样就可以在项目中正常运行。

字体图标无法显示 404 的问题

404

查看 GET 路径可以看到是 重复引用的问题
打开 build/utils.js 更改publicPath:'../../' ，可以根据重复了多少重自行调整。

return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'
      })