Javascript VueJ在外部托管时不工作

Javascript VueJ在外部托管时不工作,javascript,html,typescript,vue.js,Javascript,Html,Typescript,Vue.js,我一直在用VueJS开发一个小应用程序,在使用本地Web服务器开发时,它似乎运行良好。但不知为什么,当我将它部署到Github页面时,它根本没有加载。 我也尝试过在我自己的服务器上部署它,但也不起作用 Javascript代码执行得很好,但Vue代码却不能 我发现了问题,它与我的特定设置的路由有关 当Vue的路由器在服务器上定义了路由时,它将使用给定的路由路径。 我的问题是使用Vue路由器时,应用程序部署在文件夹中。 因此,当你执行应用程序时,当前路径将指向,而在我的情况下,你的路径将指向 我

我一直在用VueJS开发一个小应用程序,在使用本地Web服务器开发时,它似乎运行良好。但不知为什么,当我将它部署到Github页面时,它根本没有加载。 我也尝试过在我自己的服务器上部署它,但也不起作用

Javascript代码执行得很好,但Vue代码却不能


我发现了问题,它与我的特定设置的路由有关

当Vue的路由器在服务器上定义了路由时,它将使用给定的路由路径。 我的问题是使用Vue路由器时,应用程序部署在文件夹中。 因此,当你执行应用程序时,当前路径将指向,而在我的情况下,你的路径将指向

我通过定义一条备用路线解决了这个问题,如果另一条路线由于某种原因失败了

routes: [
    { path: '/', name: "CollectionMarker", component: CollectionMarker },
    { path: '/cars', name: "CarMarker", component: CarsComponent },
    // This is the path that you need to include, it will redirect when no route has been found
    { path: "*", redirect: "/" }
]

我已经发现了问题,它与我的特定设置上的路由有关

当Vue的路由器在服务器上定义了路由时,它将使用给定的路由路径。 我的问题是使用Vue路由器时,应用程序部署在文件夹中。 因此,当你执行应用程序时,当前路径将指向,而在我的情况下,你的路径将指向

我通过定义一条备用路线解决了这个问题,如果另一条路线由于某种原因失败了

routes: [
    { path: '/', name: "CollectionMarker", component: CollectionMarker },
    { path: '/cars', name: "CarMarker", component: CarsComponent },
    // This is the path that you need to include, it will redirect when no route has been found
    { path: "*", redirect: "/" }
]

如果使用默认的vuejs/vue路由器设置,并且要发布到子文件夹,则在您的情况下:
http://example.com/folder/
,vue路由器可以选择修改


如果使用默认的vuejs/vue路由器设置,并且要发布到子文件夹,则在您的情况下:
http://example.com/folder/
,vue路由器可以选择修改


有控制台错误吗?没有,你可以检查链接。没什么我不确定这是不是正确部署的。它提供节点_模块之外的脚本,如果您使用的是webpack,我希望它捆绑在一起?在源代码列表中还有一个webpack://source,这是我在生产发布中不希望看到的。我可能需要考虑使用webpack进行部署。但是,它仍然不能解决Javascript不执行的问题。不管怎样,谢谢。这对我很有用-我可以切换选项卡,我可以看到
测试
登录到控制台。。我想你已经解决了:)如果你关闭你的问题就好了。有控制台错误吗?没有,你可以检查链接。没什么我不确定这是不是正确部署的。它提供节点_模块之外的脚本,如果您使用的是webpack,我希望它捆绑在一起?在源代码列表中还有一个webpack://source,这是我在生产发布中不希望看到的。我可能需要考虑使用webpack进行部署。但是,它仍然不能解决Javascript不执行的问题。不管怎样,谢谢。这对我很有用-我可以切换选项卡,我可以看到
测试
登录到控制台。。我想你已经解决了:)如果你结束你的问题就好了。