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:'../../'
      })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。