vue-cli构建项目在github-page预览问题

1.预览的实质

npm run dev得到是开发环境的页面,上传github后预览的界面是执行npm run build打包之后的/dist下的index.html

2.操作步骤及说明

  1. 修改.gitignore文件,删除/dist/,允许将打包生成的dist文件上传github
  2. 修改路径配置,找到config/index.js文件,将bulid下的配置assetsPublicPath'/'改为'./'
  3. 执行npm run build进行打包,上传至github,设置预览页为项目下的dist/index.html即可预览

你可能感兴趣的:(vue-cli构建项目在github-page预览问题)