VUE 프로젝트에서 Chunk-Vendors.js에 액세스 할 수 없기 때문에 발생하는 404 오류를 해결하는 방법은 무엇입니까?

Vue Project는 Chunk-Vendors.js를로드하지 못했습니다. 404 오류를 반환하는 솔루션

VUE 프로젝트를 실행할 때 브라우저는 chunk-vendors.js 파일에 액세스하지 못할 수 있으므로 net::ERR_ABORTED 404 (Not Found) 및 MIME 유형 오류 프롬프트와 함께 404 오류가 발생합니다. 이는 일반적으로 프로젝트 자체의 문제가 아니라 정적 자원 로딩 실패로 인한 것입니다. 새 창이 열리면 파일에 액세스 할 수있는 경우 경로 구성 오류를 가리킬 가능성이 높습니다.

이 기사는 문제를 분석하고 솔루션을 제공합니다.

문제 분석 및 솔루션 :

문제의 근본 원인은 프로젝트가 구축 된 후 정적 자원 경로 구성이 브라우저 요청 경로와 일치하지 않기 때문입니다.

1. publicPath 구성 확인 : vue.config.js 파일의 publicPath 구성은 프로젝트가 구축 된 후 정적 리소스의 액세스 경로를 결정합니다. 잘못된 구성으로 인해 브라우저가 리소스를 찾지 못합니다. 예를 들어 publicPath 올바르게 설정되어 있는지 확인하십시오.

 module.exports = {
  // ... 기타 구성 공개 경로 : process.env.node_env === '제작'? '/your-app-name/': '/'
};

• process.env.NODE_ENV === 'production' ? '/your-app-name/' : '/' 는 생산 환경에서 리소스 경로가 /your-app-name/ 로 시작되며 개발 환경에서는 / 입니다. 실제 응용 프로그램 이름 또는 경로로 /your-app-name/ 교체하십시오.

2. 정적 자원 경로 확인 : 정적 자원 (예 : chunk-vendors.js )이 올바른 디렉토리, 일반적으로 static 또는 public 디렉토리에 있는지 확인하십시오. 잘못된 경로로 인해 404 개의 오류가 발생할 수 있습니다.

3. 압축 플러그인 충돌 (가능한 원인) : 제공된 vue.config.js 구성은 GZIP 압축에 CompressionWebpackPlugin 사용합니다. 압축 자체가 직접 404를 유발하지는 않지만 압축이 부적절하게 구성되거나 다른 구성과 충돌하면 자원의 로딩에 영향을 줄 수 있습니다. 문제가 해결되었는지 확인하기 위해 압축 코드 중 일부를 일시적으로 언급하는 것이 좋습니다. 문제가 해결되면 압축 플러그인 구성을 다시 확인하여 모든 정적 리소스를 올바르게 처리해야합니다.

4. Server Mime 유형 설정 : 브라우저 오류는 MIME 유형이 application/javascript 가 아닌 text/html 이라는 것을 알리며, 서버가 .js 파일을 HTML 파일로 잘못 인식 할 수 있음을 나타냅니다. 서버 구성 (예 : nginx 또는 apache)을 확인하여 .js 파일의 마임 유형이 올바르게 설정되어 있는지 확인하십시오.

5. 캐싱 문제 : 브라우저 캐시를 지우고 페이지를 다시로드하십시오.

요약 :

chunk-vendors.js 404 오류를 해결하는 핵심은 publicPath 구성, 정적 리소스 경로 및 서버 구성, 특히 MIME 유형 설정을 신중하게 점검하는 것입니다. 압축 플러그인을 사용하는 경우 올바르게 구성되어 있는지 확인해야합니다. 위의 점을 점차 확인하면이 문제를 해결할 수 있어야합니다.

위 내용은 VUE 프로젝트에서 Chunk-Vendors.js에 액세스 할 수 없기 때문에 발생하는 404 오류를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!