Webpack - un projet écrit par vue-cli (aucun problème d'exécution localement), va être mis sur le serveur Nginx. Quelle configuration faut-il modifier ? Sinon, comment déployer ?

Question

Pour un projet construit localement à l'aide de Vue-cli, la configuration du webpack n'a pas été modifiée et il fonctionne sans aucun problème localement. Mais je prévois de le mettre sur le serveur Nginx. Dois-je modifier une configuration ? Alors comment déployer Nginx ?

J'ai cherché, et certains ont dit de changer AssetsPublicPath dans index.js sous config : './' (/a/11...)

Certaines personnes disent d'ajouter publicPath:'./' à la sortie de webpack.prod.conf.js (http://blog.csdn.net/gebitan5...)

Après tout essayé, il ne peut toujours pas être ouvert sur le serveur, aidez-moi s'il vous plaît~~~~

Answer 1

S'il ne s'agit que de Vue, configurez le dossier pointant vers le fichier statique via le npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location path, qui accédera directement au fichier index.html sous le dossier..

Answer 2

Si vous souhaitez accéder à votre projet construit directement via le nom de domaine, tel que hzzly.net, modifiez AssetsPublicPath : '/' dans index.js sous config. Si vous souhaitez ajouter une autre couche après le domaine. nom, tel que hzzly.net /resume, puis changez le index.js sous config en actifsPublicPath : '/resume/', la configuration nginx suivante peut rester inchangée, créez simplement un nouveau dossier de reprise directement dans le répertoire principal du site Web.

server {
        listen       80;
        server_name  localhost;

        location / {
            root   /home/hzzly;  //这里配置网站主目录
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

Answer 3

Chargez la page d'accueil, affichez le fichier HTML et vérifiez si le chemin de référence de la ressource est correct.
Semblable à l'image ci-dessus, vérifiez le chemin dans src pour voir si les ressources de votre serveur sont correctes. S'il est incorrect, accédez à webpack pour modifier le chemin d'empaquetage des ressources.

Answer 4

Est-ce 404 lors de l'accès à js ?