IT이야기

Vue 웹 팩이 모든 URL에 #/를 추가하는 중

cyworld 2022. 3. 21. 09:00
반응형

Vue 웹 팩이 모든 URL에 #/를 추가하는 중

나는 몇 가지 Vue 프로젝트와 함께 다음 작업을 하고 있다.vue init webpack test하지만 달리기를 할때 처럼 보인다.npm run dev, 항상 있다.#/모든 URL에 추가됨

이것은 또한 내가 새로운 구성요소를 만들고 그 구성요소로 라우트할 때에도 적용된다.만약 내가 다음과 같은 것을 한다면.http://localhost:8080/newpath, 그것은 될 것이다.http://localhost:8080/newpath#/.

다음과 같은 구성 변수를 설정할 수 있는가?#/모든 URL에 추가되지 않았는가? 모든 URL에서 그것을 제거하기 위해 regex를 사용하는 것은 정말 다루기 힘든 것 같다.

vue init가 생성하는 HelloWorld 앱에서 가져온 것이기 때문에 실제 소스 코드를 포함하지 않는다.

나는 vue cli 3의 최신 버전을 사용하고 있다.

HTML5 기록 모드의 문서에서:

vue-루터의 기본 모드는 해시 모드 - URL 해시를 사용하여 전체 URL을 시뮬레이션하여 URL이 변경될 때 페이지가 다시 로드되지 않도록 한다.

따라서 HTML5 기록 모드를 사용하려면 Vue 라우터를 변경하십시오.

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

또한 주소 표시줄 URL을 복사하여 새 탭에 붙여넣을 경우 사용자가 적절한 위치로 보내지도록 이 모드를 지원하도록 실제 서버 구성을 조정해야 하므로 문서 읽기를 계속하십시오.

참조URL: https://stackoverflow.com/questions/54872085/vue-webpack-is-adding-to-all-urls

반응형