반응형
mac(localhost)의 vue-discription 기록 모드 직접 액세스 오류 발생
로컬 호스트 개발에서 vue-router 이력 모드를 테스트하고 있는데 URL에 직접 액세스하려고 하면 오류가 나타납니다.http://localhost:8080/map/2
를 통해 URL에 접속하면$router.push
제대로 동작하는 것 같아요.이 문제의 원인이 무엇인지 궁금합니다.
router/index.displaces
import Vue from "vue"
import Router from "vue-router"
const PublicMap = () => import("@/components/PublicMap/index.vue")
Vue.use(Router)
var routes = [
{
component: PublicMap,
name: "map",
path: "/map/:_id",
},
]
export default new Router({
routes,
mode:
"history"
})
오류:
Uncaught SyntaxError: Unexpected token <
수신 시Uncaught SyntaxError: Unexpected token <
보통 트랜스파일러가 트랜스파일로 설정되어 있지 않은 파일의 요소 태그 '<'를 눌렀다는 것을 의미합니다.
Vue를 사용할 때 일반적으로는<script>
에 꼬리표를 달다xyz.vue
싱글 파일 컴포넌트 라이브러리.
PWA를 사용한 경우 파일 또는 설정이 캐시될 수 있습니다.먼저 페이지를 방문하지 않은 다른 브라우저를 사용하여 캐싱 문제인지 확인합니다.다른 브라우저로 동작하는 경우는,hard refresh
또는 페이지 웹 앱 서비스 워커의 등록을 취소합니다.
다른 브라우저에서 오류가 발생하면 웹 팩 및/또는 vue 설정 파일을 확인합니다.
언급URL : https://stackoverflow.com/questions/56388317/vue-router-history-mode-on-mac-localhost-throwing-error-on-direct-access
반응형
'source' 카테고리의 다른 글
역할과 부여된 역할의 차이스프링 보안 기관 (0) | 2022.08.13 |
---|---|
파일이 없는 경우 파일을 만듭니다(C). (0) | 2022.08.13 |
C99의 func()와 func(void)의 비교 (0) | 2022.08.13 |
vuej + vuex 폼 처리의 올바른 방법은 무엇입니까? (0) | 2022.08.13 |
v-on: vue-multicelect에 변경이 적용되지 않음 (0) | 2022.08.13 |