Webpack – ein von vue-cli geschriebenes Projekt (kein Problem, lokal ausgeführt zu werden), wird auf dem Nginx-Server abgelegt. Welche Konfiguration muss geändert werden? Wie kann man es sonst bereitstellen?
高洛峰
高洛峰 2017-05-27 17:44:57
0
4
1121

Bei einem lokal mit Vue-cli erstellten Projekt wurde die Webpack-Konfiguration nicht geändert und es läuft lokal problemlos. Ich habe jedoch vor, es auf dem Nginx-Server abzulegen. Wie stellt man dann Nginx bereit?

Ich habe gesucht und einige sagten, sie sollten assetPublicPath in index.js unter config ändern: './' (/a/11...)

Manche Leute sagen, man solle publicPath:'./' zur Ausgabe von webpack.prod.conf.js (http://blog.csdn.net/gebitan5...) hinzufügen

Nachdem ich alles versucht habe, kann es immer noch nicht auf dem Server geöffnet werden. Bitte helfen Sie ~~~~

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(4)
巴扎黑

如果只是Vue的话, 通过npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location \路径配置指向静态文件的文件夹, 这样会直接访问该文件夹下的index.html文件的..

某草草

如果想直接通过域名来访问你build后的项目,比如hzzly.net,那么config下的index.js中改assetsPublicPath: '/'不需要改,如果想域名后再加一层,比如hzzly.net/resume,那么config下的index.js中改为assetsPublicPath: '/resume/',下面nginx配置可以不变,直接在网站主目录新建resume文件夹即可。

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;
        }
    }
左手右手慢动作

加载首页,查看HTML文件,查看资源引用路径是否正确。
类似上图,查看src中的路径,在你服务器中资源是否正确。如果不正确的话,去webpack修改资源打包路径。

Ty80

是不是访问js 404?

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage