공유 호스팅 환경에서 vue 앱을 배포하는 방법?

공유 호스팅 환경에서 vue 앱을 배포하는 방법?

내 vue 애플리케이션을 공유 호스팅 서버에 배포하고 싶다.어떻게 하면 좋을까?지금으로서는 좀 혼란스럽다.익스프레스 j가 필요할까, 아니면 일반 html 사이트처럼 직접 업로드 할 수 있을까?

난 방금 이걸 했고, 몇 가지 자원을 체크해야 했어. 그래서 다른 사람을 구하려고 여기에 모든 걸 집어넣을 거야.내게는 다음과 같은 것들이 통했다.

1. 달리다"npm run build"

2. 자산이 "정적" 폴더에 있어야 함

3. index.html 및 의 모든 파일 업로드/dist그리고/static디렉토리에 대한 폴더(public_properties 또는 하위 도메인의 디렉토리(있는 경우)

4. 끝!!

P.S 배포된 앱의 페이지를 다시 로드할 때 다음과 같은 구성이 있는 .htaccess 파일만 포함하면 404개의 오류가 발생할 수 있음:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

그럼 잘한다!!이게 도움이 되었으면 좋겠어.

여기 내 것을 배치한 방법이 있다.

1. 프로젝트 폴더 -> config -> index.js 파일로 이동하여 assetsPublicPath:가 공유 호스팅 계정의 public_html 경로를 가리키는지 확인하십시오.

2. npm run build 명령을 실행하십시오.

3. 프로젝트 폴더로 이동하여 dist 폴더 내용을 공개에 붙여넣기_cpanel의 HTML 폴더.

이제 나는 이것을 하는 더 좋은 방법이 있다고 확신해, 제발 더 좋은 방법을 가진 사람이라면 우리에게 알려야 해.

일반적으로 공유 호스팅 환경에 vue 애플리케이션을 배포하는 데 특별히 특별한 것은 없다.종종 가장 좋은 첫 단계는 공유 호스팅 환경과 유사한 웹 서버 소프트웨어를 실행하는 로컬 개발 상자에 웹 사이트를 "전개"하는 것이다.

일단 vue 앱을 코딩 환경 밖에서 실행하도록 할 수 있다면, 호스팅 회사에서 실행하기 위해 어떤 파일을 공유 호스팅 환경에 배포해야 하는지 정확히 알게 될 것이다.일반적으로 사이트를 코딩 환경 외부에서 자신의 개발 상자에서 "호스팅"할 때 사용하지 않는 호스팅 회사에 추가 파일을 배포할 필요가 없다.

index.html 파일과 정적 폴더를 복사하여 서버의 루트 폴더에 붙여넣으십시오(예: public_html). 디렉터리 이름을 변경하려면(예: 앱이 공용 디렉터리의 하위 디렉터리에 있을 경우)config/index.js file

// change this line 
assetsPublicPath: '/',
// e.g
assetsPublicPath: '/dist',
assetsPublicPath: '/myapp',

그런 다음 npm run build를 실행하면 완벽하게 작동한다.

공유 Hostgator 호스트에서 다음 단계를 수행하십시오.

1. npm 런 빌드
2. distp 폴더를 하나의 hostgator 폴더에 복사
3. 폴더/폴더를 가리키는 하위 도메인을 작성하십시오.

내 문제를 해결해 주는 것

참조URL: https://stackoverflow.com/questions/47327621/how-to-deploy-vue-app-in-the-shared-hosting-environment