提示

说明：解决方案可能有多种，希望下面的能对你有所帮助

1 Vue项目部署到nginx后，访问出现Nginx404

原因：

当你在浏览器地址栏输入一个地址（http://xx.AA/note/git）的时候，或者在vue项目页面进行一些页面跳转后（地址栏已经发生变化），再点击页面刷新时，浏览器会把它当前一个后端路由来处理，而你部署到了静态资源服务器，实际访问的是文件，而且路径为：http://xx.AA/note/git，但对于项目来说，这个文件一定不存在，所有会404（该情况一般出现在history模式）

解决办法：修改nginx配置 或者将vue路由模式改为hash模式

 server
  {
  ......
	
    location / {
       #以下配置解决页面刷新后 空白的问题
       try_files $uri $uri/ /index.html;
    }
}

提示：修改完配置后，记得重启nginx服务