2017-12-25 6 views
-1

방금 ​​Vue js 2에서 내 포트폴리오를 완성하고 라이브로갔습니다. 세 가지보기가 있습니다. 홈뷰를 새로 고침하면 괜찮아 보이지만 다른 두 가지 경우에는 몇 가지 오류 메시지가 나타납니다.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. 

단일 페이지 웹 응용 프로그램 아키텍처로 시작하는 것이 처음입니다. 이 문제를 해결할 수있는 아이디어가 있습니까? 여기

은 뷰 라우터 웹 사이트의 example configurations에서보세요 라우터 파일

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

일부 코드는 유용 할 것입니다. :) – webnoob

+0

물론 @webnoob이지만 문제는 어디에서 왔는지 모르겠지만 ... 라우터 코드를 게시하고 다른 것을보고 싶다면 주저하지 말아주세요. :) 또한 Dev 모드에서는 모든 것이 정상이지만 생산 과정에서 문제가 발생합니다. – BeeLee

+1

[Example Configurations] (https://router.vuejs.org/ko/essentials/history-mode.html)의 단계를 따랐습니까? – webnoob

답변

1

입니다. 그들은 종종 모든 것이 dev에있을 때 서버 측에서 발생하는 문제를 해결합니다.

+0

@BeeLee vue-cli는 클라이언트 측 코드 만 설정합니다. 서버 구성은 여전히 ​​별도로 수행되어야합니다. –

관련 문제