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.

这是我第一次使用单页面webapp架构。有什么想法解决这个问题吗？

这是路由器文件

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路由器上的示例配置网站。他们经常修复服务器端发生的问题，当所有问题都在开发中时。

＆＃xA;

Answer 2

在某些特殊情况下，this trick无效，例如您的项目位于域的子文件夹中。

为此，您必须添加这些行。将您的子文件夹名称替换为

{您的子文件夹名称}

RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /{Your sub folder name}/index.html [L]

仅适用于Apache。如果需要任何有关在 apache 上部署应用程序的帮助，请与我联系。

重新加载不在Vue JS上工作的路由

2 个答案: