Vue.js 将Vue部署到GitHub页面。vue路由器出错

使用Vue cli v3.0部署Vue应用程序构建时遇到一些问题。转到GitHub页面。我使用将

dist

文件夹仅发送到

gh页面

分支。首先问题是，我使用

vue.config.js

上的

baseUrl

修复了它。现在的问题是

#app

元素是空的。我发现，如果我不使用

vue路由器

（直接呈现视图，而不是使用

），该应用程序可以与GitHub页面配合使用。我认为route

path

选项存在一些问题，但我无法找到解决方法

出现问题的存储库为，GitHub页面链接为

---

谢谢。

你能在main.js中试试这个吗

new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>',
});

newvue({
el:“#应用程序”，
路由器，
组件：{App}，
模板：“”，
});

我相信我发现了这个问题的原因：

由于GitHub页面URL不是从根目录提供的

https://guizoxxv.github.io/vue-cli-deploy/

根目录后有

vue cli部署/

---

我需要在

vue路由器

选项上为我的应用程序指定一个

base

选项。以下是文档

更新2020

由于Vue CLI 3.3，不推荐使用

baseUrl

，请改用

publicPath

如果您使用的是Vue CLI>=3.3，则可能需要检查使用github操作自动化github页面部署的设备

默认情况下，Vue CLI假定您的应用程序将部署在域的根目录下，例如。如果应用程序部署在子路径上，则需要使用此选项指定该子路径。例如，如果您的应用部署在，请将baseUrl设置为“/my app/”。因此：

在项目的根目录中创建一个新文件，并将其命名为“vue.config.js”

在“vue.config.js”文件中粘贴以下代码：

module.exports={baseUrl:'/my first project/'}

注意：在//chars中的baseUrl中，您必须输入项目的名称

阅读更多

另外，请阅读如何在github页面中部署vue.js项目的完整文章

---

正如他们所说的

baseUrl

已被弃用，请使用

publicPath

module.exports = { publicPath: '/your-repo/' }

---

baseUrl

属性现在已被弃用。我们应该使用

publicPath

。OP询问了vue cli 3.0<代码>基本URL在3.3中已弃用。但是我更新了我的答案是的，我看到这个问题是在18年提出的。这只是一个提醒，它现在已经被弃用了。：）