vue 프로젝트 패키지 서버 에 404 오류 가 발생 했 습 니 다.로 컬 에서 오류 가 발생 하지 않 았 습 니 다.

1.비계 로 vue 프로젝트 구축
2.실행,로 컬 실행 에 문제 가 없습니다.그 다음 에 서버 를 포장 합 니 다.404 오류 가 발생 했 습 니 다.다음 과 같 습 니 다.

이것 은 웹 팩 포장 의 결과 입 니 다.해결 방법 은 다음 과 같 습 니 다.
1.build 폴 더 의 utils.js 파일 을 수정 하고 약 51 줄 에 추가 합 니 다.

publicPath:"../../"
 if (options.extract) {
  return ExtractTextPlugin.extract({
  use: loaders,
  fallback: 'vue-style-loader',
  publicPath:"../../"
  })
 } else {
  return ['vue-style-loader'].concat(loaders)
 }
 }
2、config 아래 index.js 파일 수정

cssSourceMap: true    cssSourceMap: false
productionSourceMap: true    productionSourceMap: false,
productionGzip: true,    productionGzip: false,
그리고 다시 포장~
보충 지식:vue 프로젝트 를 포장 한 후에 데 이 터 를 요청 하지 못 하 는 문 제 는 왜 우리 가 vue 프로젝트 를 개발 할 때 역방향 대 리 를 설정 해 야 하 는 지 하 는 이 유 는 우리 가 현지 개발 할 때 도 메 인 을 뛰 어 넘 는 문제 가 발생 하기 때 문 입 니 다.
이 럴 때 역 간 문 제 를 처리 하 는 데 역방향 에이전트 가 필요 하지만 일부 개발 자 들 은 프로젝트 를 개발 할 때 직접 포장 합 니 다.
직접 포장 하면 문제 가 생 길 수 있 습 니 다.데 이 터 를 요청 하지 못 하 는 이 유 는 저희 가 포장 한 프로젝트 에 크로스 필드 가 나타 나 지 않 기 때 문 입 니 다.저희 가 개발 할 때 로 컬 8080 포트 를 걸 었 기 때문에 모든 크로스 필드 가 있 습 니 다.
포장 이 끝 난 후에 로 컬 포트 에 가지 않 으 면 모든 도 메 인 이 나타 나 지 않 습 니 다.그래서 우 리 는 포장 하기 전에 우리 의 역방향 대 리 를 주석 에 달 아야 데이터 요청 에 오류 가 발생 하지 않 습 니 다.

4.567916.이상 vue 프로젝트 패키지 에 서버 에 404 오류 가 발생 했 습 니 다.로 컬 에서 오류 가 발생 하지 않 은 문 제 는 바로 작은 편집 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 께 서 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기