vue项目部署到服务器上刷新出现404以及白屏的问题

场景:最近接触了一个vue的项目,打包之后部署到阿里云服务器上之后,点击连接一级一级进页面没有问题,但是刷新页面就出现404,找了两个解决方法,供大家一起学习。(本人模拟了在nginx和tomcat的解决方法)

1,项目打包的时候index.js修改assetsPublicPath: ‘/’
vue项目部署到服务器上刷新出现404以及白屏的问题_第1张图片
2.如果部署在tomcat上:在tomcat的webapps下的项目中创建WEB-INF文件夹,在文件夹中创建文件web.xml



    Router for Tomcat
    
        404
        /index.html
    

3,如果部署在nginx上:修改nginx的配置文件,xx为项目存放的文件夹

        location / {
  	         root   xx;
             index index.html;
  	    	 try_files $uri $uri/ @router;
           }
  	    location @router {
  	        rewrite ^.*$ /index.html last;
        }

最后希望对遇到这样问题的人有所帮助

你可能感兴趣的:(vue项目部署到服务器上刷新出现404以及白屏的问题)