web-dev-qa-db-ja.com

vueアプリを共有ホスティング環境にデプロイする方法は？

vueアプリケーションを共有ホスティングサーバーにデプロイしたいのですが、どうすればよいですか？現時点では少し混乱しています。明示的なjsが必要ですか、それとも直接アップロードできますか？通常のHTMLサイト？

deploymentservervuejs2shared-hosting
8
Chirag Chaudhari

これが私が私を配備した方法です。

  1. プロジェクトフォルダー-> config-> index.jsファイルに移動し、assetsPublicPath：が共有ホスティングアカウントのpublic_htmlパスを指していることを確認します。

  2. "npm run build"コマンドを実行します。

  3. プロジェクトフォルダーに移動し、distフォルダーの内容をコピーして、cpanelのpublic_HTMLフォルダーに貼り付けます。

これを行うにはもっと良い方法があると確信しています。もっと良い方法を知っている人がいれば教えてください。

3
Umar745

vueアプリケーションを共有ホスティング環境にデプロイすることについて特に特別なことは何もありません。多くの場合、最善の最初のステップは、同様のWebサーバーソフトウェアを実行しているローカル開発ボックスにWebサイトを「デプロイ」することです。共有ホスティング環境として。

vueアプリをコーディング環境の外で実行できるようになると、ホスティング会社で実行するために共有ホスティング環境にデプロイする必要があるファイルが正確にわかります。通常、コーディング環境外の独自の開発ボックスでサイトを「ホスティング」するときに使用していない、ホスティング会社に追加のファイルを展開する必要はありません。

2
Ron C

Index.htmlファイルと静的フォルダーをコピーし、サーバーのルートフォルダー（たとえば、public_html）に貼り付けます。ディレクトリの名前を変更する場合、つまり、アプリがパブリックディレクトリのサブディレクトリにある場合は、 config/index.js file

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

次に、npm run buildを実行すると、完全に機能します

1
elraphty

私はこれをやっただけで、いくつかのリソースをチェックアウトしなければならなかったので、他の誰かを救うために、ここにすべてを配置します。

1）"npm run build"を実行します

2）アセットは「静的」フォルダーにある必要があります

3）/distおよび/staticフォルダー内のindex.htmlおよびすべてのファイルをディレクトリ（public_htmlまたはサブドメインのディレクトリ（存在する場合））にアップロードします。

4）完了!!

P.Sデプロイされたアプリのページをリロードすると、404エラーが発生する可能性が高いです。心配する必要はありません。次の構成を持つ.htaccessファイルを含めるだけです。

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

そして、あなたは良いです!!これがお役に立てば幸いです。

P.S.S https://www.khairahscorner.com で私のウェブサイト（vue、hahaではありません）をチェックアウトできます。

1
Khairah Yusuff