javascript - 外部托管时 VueJS 不工作

Question

我一直在用 VueJS 开发一个小应用程序，在使用本地网络服务器进行开发时它似乎运行良好。但不知何故，当我将其部署到 Github 页面时，它根本无法加载。 我也尝试过将其部署在我自己的服务器上，但这也不起作用。

Javascript 代码执行得很好，但 Vue 代码却不行。

Link to the website where I've deployed it

Github repository

Answer 1

如果您使用默认的 vuejs/vue-router 设置并且要发布到子文件夹，在您的情况下: http://example.com/folder/ ，vue-router 有一个修改 base 的选项.

import Vue from 'vue'

import Router from 'vue-router'

import Home from '@/components/Home'

Vue.use(Router)

const routes = [
 { path: '/', name: 'Home', component: Home }
]

export default new Router({
 routes,
 mode: 'history',
 base: '/folder'
})