web-dev-qa-db-fra.com

comment déployer l'application vue dans l'environnement d'hébergement partagé?

Je souhaite déployer mon application vue sur un serveur d'hébergement partagé. Comment dois-je le faire? le site html normal?

deploymentservervuejs2shared-hosting
8
Chirag Chaudhari

Voici comment j'ai déployé le mien.

  1. Accédez à votre dossier de projet -> config -> fichier index.js assurez-vous que le fichier assetsPublicPath: pointe vers le chemin public_html de votre compte d'hébergement partagé.

  2. Exécutez la commande "npm run build".

  3. Accédez à votre dossier de projet, copiez le contenu du dossier dist, collez-les dans le dossier public_HTML de votre panneau.

Maintenant, je suis sûr qu'il existe de meilleures façons de le faire, s'il vous plaît, quiconque avec une meilleure façon devrait nous le faire savoir.

3
Umar745

Il n'y a généralement rien de particulièrement spécial dans le déploiement d'une application vue vers un environnement d'hébergement partagé. Souvent, la meilleure première étape consiste à "déployer" le site Web dans votre boîte de développement locale en exécutant un logiciel de serveur Web similaire. comme votre environnement d'hébergement partagé.

Une fois que vous pouvez faire en sorte que l'application vue y soit exécutée en dehors de votre environnement de codage, vous savez exactement quels fichiers vous devez déployer sur votre environnement d'hébergement partagé pour qu'elle s'exécute dans la société d'hébergement. Vous ne devriez pas 't généralement besoin de déployer des fichiers supplémentaires à la société d'hébergement que vous n'utilisez pas lors de "l'hébergement" du site sur votre propre boîte de développement en dehors de votre environnement de codage.

2
Ron C

Copiez simplement votre fichier index.html et votre dossier statique et collez-les sur le dossier racine de votre serveur, par exemple public_html, si vous avez l'intention de changer le nom de votre répertoire, c'est-à-dire que l'application vit dans un sous-répertoire de votre répertoire public, alors vous devez change ton config/index.js file

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

Ensuite, exécutez npm run build, cela fonctionnera parfaitement

1
elraphty

Je viens de le faire et j'ai dû consulter plusieurs ressources, donc je vais tout mettre ici, pour sauver quelqu'un d'autre.

1) Exécutez "npm run build"

2) Vos actifs doivent se trouver dans un dossier "statique"

3) Téléchargez votre index.html et tous les fichiers dans le /dist et /static dossier dans le répertoire (public_html ou le répertoire de votre sous-domaine, le cas échéant)

4) Terminé !!

P.S Vous rencontrerez très probablement des erreurs 404 lorsque vous rechargerez des pages de l'application déployée, ne vous inquiétez pas, incluez simplement un fichier .htaccess qui a cette configuration:

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

ET ALORS VOUS ÊTES BON !! J'espère que ça aide.

P.S.S Vous pouvez consulter mon site Web (pas vue, haha) à https://www.khairahscorner.com , je fais autre chose que de rester sur le débordement de la pile toute la journée à la recherche de solutions.

1
Khairah Yusuff