Vue-cli 패키지 후 하위 디렉토리에 배포된 경로 문제 설명

기본적으로 현재 도메인 이름을 루트 디렉터리로 아래로 접근합니다.
예를 들어 www.****에 배치해야 할 경우com/catalog1/catalog2/에서 변경 필요
1、config/index.js 파일에서 build 아래 assetsPublicPath 속성은'/catalog1/catalog2/'입니다. 아래와 같습니다.
build: {
assetsPublicPath: '/catalog1/catalog2/',
기본적으로 이 값은'/'입니다. (이 속성 눈금은 웹 팩을 포장할 때 파일 참조 경로의 기본 경로입니다.)
2. 루트베이스 속성을 수정하면'/catalog1/catalog2/'입니다. 다음과 같습니다.

export default new Router({
 mode: 'history',
 base: '/catalog1/catalog2/',
 routes: [
 {
 path: '/',
 name: 'indexContent',
 component: indexContent
 }
 ]
})

여기서 모드는'history'로 설정되어 경로의 #을 지울 수 있습니다. (로컬 테스트는 유효합니다.)
설정이 완료되면 다시 포장합니다.
보충 지식: vue-cli 패키지 및nginx 도메인 이름 2급 하위 디렉터리 협조
세 가지 구성 수정 가능
1. 라우팅

const route = new Router({
mode : 'history',
base: '/admin/',
routes:[]
})

2. 파일 config/index를 패키지화합니다.js
build 설정
assetsPublicPath: '/admin/',
3.nginx 구성
try_files $uri $uri//admin/index.html;
4. 프로젝트 디렉터리 설정 실례
프로젝트 경로 웹/admin/index.html
이상의 이 Vue-cli를 포장하여 하위 디렉터리에 배치한 경로 문제는 바로 편집자가 여러분에게 공유한 모든 내용을 설명하는 것입니다. 여러분에게 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.