Nginx 部署 Vue 项目刷新页面出现404

问题

使用Vue.框架，利用vue-route编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象。

原因

刷新页面时访问的资源在服务端找不到，因为此时vue-router设置路由地址被当作url地址，此时的地址路径肯定不是真实存在的，所以出现404现象。这些访问资源都是在js里渲染。

解决方案

在nginx配置里添加vue-route的跳转设置

server {

	....

        location / {

            root        /home/tv;

        	index       index.html;

		//加上此句

		try_files $uri  $uri/ /index.html;

         }

}