重新加载路线在 Vue JS 上不起作用

Question

我刚刚完成在 Vue js 2 上构建我的作品集并上线。我有三种看法。当我重新加载主视图时，一切正常，但在另外两个视图上，我有几条错误消息。

Error parsing a meta element's content: ';' is not a valid key-value pair separator. Please use ',' instead.
Work:30 A parser-blocking, cross site (i.e. different eTLD+1) script,
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://website.com' is therefore not allowed access. The response had HTTP status code 403. 

这是我第一次使用单页 Web 应用程序架构。请问有办法解决这个问题吗？

这是路由器文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home'
import Work from '@/views/Work'
import About from '@/views/About'

Vue.use(VueRouter)

export default new VueRouter({
  mode: 'history',
  routes: [
    { path: '/', component: Home },
    { path: '/Work', component: Work },
    { path: '/About', component: About }
  ]
})

Answer 1

查看Vue Router 网站上的示例配置。他们经常修复当一切都在开发时服务器端发生的问题。