2017-12-25 8 views
-1

Ich bin gerade fertig, um mein Portfolio auf Vue Js 2 zu bauen und ging live. Ich habe drei Ansichten. Wenn ich die Home-Ansicht neu lade, ist es in Ordnung, aber auf den zwei anderen habe ich mehrere Fehlermeldungen.Reload Routen funktioniert nicht auf Vue JS

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. 

Es ist das erste Mal für mich, mit einer einzelnen Seite Webapp-Architektur zu leben. Irgendeine Idee, das bitte zu beheben? Hier

ist die Routerdatei

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 } 
    ] 
}) 
+0

Irgendein Code wäre nützlich :) – webnoob

+0

Sure @webnoob aber welche als ich weiß nicht woher kommt das Problem ... Ich werde meinen Router Code posten und bitte zögern Sie nicht, wenn Sie etwas anderes sehen wollen. :) Auch im Dev-Modus ist alles in Ordnung, aber das Problem tritt in der Produktion auf. – BeeLee

+1

Haben Sie die Schritte in [Beispielkonfigurationen] (https://router.vuejs.org/en/essentials/history-mode.html) ausgeführt? – webnoob

Antwort

1

Werfen Sie einen Blick auf die example configurations auf der Vue Router Website. Sie beheben oft Probleme, die auf der Serverseite auftreten, wenn alles im Entwicklungsprozess ist.

+0

@BeeLee vue-cli richtet nur den clientside Code ein; Die Serverkonfiguration muss noch separat durchgeführt werden. –

Verwandte Themen