두 번째 레벨 vue 경로에 직접 액세스할 때 오류가 발생함

두 번째 레벨 vue 경로에 직접 액세스할 때 오류가 발생함

vue 어플리케이션에서 vue-router를 사용하고 있습니다.제 지원에는 다음과 같은 경로가 있습니다.

const routes = [
    {name: "home", path: "/", component: Home},
    {name: "user", path: "/user", component: User},
    {name: "edit-user", path: "/user/edit", component: EditUser}
];

const router = new VueRouter({
    routes: routes,
    mode: 'history'
});

여기에서는 두 루트가 모두 정상적으로 동작하고 있습니다.router-link아래와 같이 합니다.

<router-link to="/user">Go to user</router-link>
<router-link to="/user/edit">Edit user</router-link>

페이지 새로 고침을 통해 직접 루트에 액세스하는 경우 루트 "/user"는 완벽하게 작동합니다.단, 루트 "/user/edit"는 콘솔에 다음 오류만 있는 검은색 페이지를 표시합니다(다른 오류 세부 정보는 없습니다).

Uncaught SyntaxError: Unexpected token <

누가 이 문제 푸는 것 좀 도와줄래?

저도 같은 문제에 직면해 있었습니다.이 문제를 해결하려면

publicPath: '/'

https://github.com/webpack/webpack-dev-middleware/issues/205#issuecomment-315847782에서 권장하는 Webpack 설정 파일에 저장해 주세요.

마크 M 덕분이에요. 머스카딘

그것은 아주 작은 이유 때문에 일어났다.메인 HTML 페이지에서 js 파일은 다음과 같이 링크되어 있습니다.

<script type="text/javascript" src="js/app.js"></script>

이 문제는 src 값을 다음과 같이 변경하여 해결되었습니다."js/app.js"로."/js/app.js"다음과 같습니다.

<script type="text/javascript" src="/js/app.js"></script>

언급URL : https://stackoverflow.com/questions/49276879/second-level-vue-route-throws-error-when-accessed-directly