使用github pages部署静态页面

  1. vue配置修改
build: {
    // Template for index.html
    index: path.resolve(__dirname, '../docs/index.html'),  // 之前是../dist/index.html

    // Paths
    assetsRoot: path.resolve(__dirname, '../docs'),  // 之前是../dist
    assetsSubDirectory: 'static',
    assetsPublicPath: './',  // 之前是 '/'
  }

  1. github settings修改，会生成一个部署后的链接


    image.png

    image.png

  2. 将打包后的docs下文件push到github,然后访问生成的链接

github示例：https://github.com/SmaVivian/vue-web-common

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容