使用Vue项目部署到github页面时出现问题

背风处

我正在尝试将vue-cli项目部署到github页面,我遵循了该网站和github支持上的说明。

delpoy vue-cli到github页面:https ://medium.com/@mwolfhoffman/deploying-to-github-pages-with-vue-webpack-cli-5b2ba17f14a0

配置github页面https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/

设置->源->主/ docs

在存储库的根目录中有一个/ docs文件夹

不遵循存储库命名方案username.github.io或orgname.github.io

这是我的存储库:https : //github.com/leewei05/blog

但是结果一直给我404,仍然不知道我的问题是什么,请帮忙!

背风处

原来我的配置路径错误,这是将新的vue-cli项目部署到git hub页面的步骤。

(您必须先安装npm和vue-cli)

  1. $ vue init webpack [项目名称]
  2. $ cd [projectName]
  3. $ npm安装
  4. 转到您的config / index.js文件
  5. 像这样修改您的构建部分:

    build: { index: path.resolve(__dirname, '../docs/index.html'), assetsRoot: path.resolve(__dirname, '../docs'), assetsSubDirectory: 'static', assetsPublicPath: '', productionSourceMap: true, devtool: '#source-map', productionGzip: false, productionGzipExtensions: ['js', 'css'], bundleAnalyzerReport: process.env.npm_config_report }

  6. $ npm运行构建

  7. 将其推送到您的github存储库
  8. 转到存储库中的设置
  9. 找到您的GitHub Pages部分并从'master'->'master / docs'更改源
  10. 您的页面应位于' https:// [userName] .github.io / [repositoryName] /#/ '
  11. 祝你好运!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将SrpingBoot(由Fuse Apicurito生成)项目部署到带有Fuse 7.2的EAP 7.1时出现问题,依赖项出错吗?

使用gh-pages在github上部署create-react-app时出现问题

将Django部署到AWS时出现问题

将Go项目部署到AWS Lambda时出现“ PathError”

将 Mean.js 项目部署到 Heroku 时出现 TypeError

使用 BitBucket 管道将 React 网站部署到 Azure 存储时出现问题

使用外部库将项目部署到glassfish后,出现NoClassDefFoundError

通过WSGI将Django项目部署到Apache的问题

将 django 项目部署到 Heroku 的问题

使用Gitlab CI部署静态站点时出现问题

使用JBoss部署REST服务时出现问题

使用Heroku部署时出现问题(错误504)

使用Envoyer进行部署时Composer出现问题

使用gh-pages将React应用发布到github时出现问题

使用空项目安装 vue-cli 时出现问题

将 sbt 项目部署到 heroku 时启动超时

将 JCo 项目部署到 SCP 时出错

使用集成访问数据库的项目部署问题

github 上的 SSH 项目出现问题

自升级到macOS 10.12(Sierra)以来,使用Capistrano部署代码时出现问题,“权限被拒绝(公钥)。”

使用Swift 4.1将Vapor 3 Beta应用程序部署到Heroku时出现问题

使用Ingress服务类型将“ express-gateway”部署到Google Kubernetes Engine时出现问题

使用PHP显示JSON供稿项目时出现问题

登录JSP页面时出现问题

使页面水平滚动时出现问题

在Ionic Vue应用程序中使用选项卡时导航到其他路线时出现问题

从 RecyclerView 删除项目时出现问题

将 Google App Engine 应用部署到 GCP 时出现问题

将AWS SDK部署到实时服务器时出现问题