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 s'exécute localement sans aucun problème. 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 : './'...

巴扎黑 · Answer

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

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;
        }
    }

ringa_lee · Answer

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.

PHP中文网 · Answer

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