Webpack - vue-cli로 작성된 프로젝트(로컬 실행에는 문제 없음)가 Nginx 서버에 배치될 예정입니다. 어떤 구성을 변경해야 합니까? 또 어떻게 배포하나요?

Question

Vue-cli를 사용하여 로컬로 빌드한 프로젝트의 경우 웹팩 구성을 건드리지 않았으며 로컬에서 문제 없이 실행됩니다. 그런데 Nginx 서버에 배치할 계획입니다. 구성을 변경해야 합니까? 그렇다면 Nginx를 배포하는 방법은 무엇입니까?

검색해보니 index.js의 config: './' (/a/11...) 아래에서 자산PublicPath를 변경하라고 하는 사람도 있었습니다

어떤 사람들은 webpack.prod.conf.js의 출력에 publicPath:'./'를 추가하라고 합니다(http://blog.csdn.net/gebitan5...)

모든 방법을 시도해도 여전히 서버에서 열리지 않습니다. 도와주세요~~

Answer 1

Vue인 경우 npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location 경로를 통해 정적 파일을 가리키는 폴더를 구성하면 해당 폴더 아래의 index.html 파일에 직접 액세스할 수 있습니다...

Answer 2

hzzly.net과 같은 도메인 이름을 통해 빌드된 프로젝트에 직접 액세스하려면 config 아래의 index.js에서 AssetPublicPath: '/'를 변경하세요. 도메인 뒤에 다른 레이어를 추가하려면 변경할 필요가 없습니다. hzzly.net /resume과 같은 이름을 지정한 다음 config 아래의 index.js를 AssetPublicPath: '/resume/'으로 변경합니다. 다음 nginx 구성은 변경되지 않고 그대로 유지될 수 있습니다. 웹 사이트의 기본 디렉터리에 직접 새 이력서 폴더를 생성하면 됩니다.

으아아아

Answer 3

홈페이지를 로드하고, HTML 파일을 보고, 리소스 참조 경로가 올바른지 확인하세요.
위 그림과 마찬가지로 src의 경로를 확인하여 서버의 리소스가 올바른지 확인하세요. 잘못된 경우 webpack으로 이동하여 리소스 패키징 경로를 수정하세요.

Answer 4

js에 접근하면 404인가요?