在vue基于webpack配置中，有时候会用到多级路由，但是用户用到history模式时候，往往会出现大白页，或者 > 错误

如下图：

这种问题分析：

1. 路由配错误

2. 未找到对应js

解决办法：

   第一种情况好办，可以通过检查route.js来排查，第二种情况一般是多级路由时候 nginx层或者webpack那块配错误了，下面给出正确的nginx层配置和webpack配置。

nginx配置:

        # org企业版文件页
        location  ^~ /org {
            alias   /usr/local/web/xxxxx/dist/;
            try_files $uri $uri/ /index.html last;
            index  index.html index.htm;
        }

因为是多路由，我的vue路由都在org下，所以这么配置即可。

webpack配置:

特别注意画红线的地方，这里会告诉所有资源从这个路径下找, 一般模式情况是 / 这个只适合独立域名。http://www.xxx.com/org/xxx 类似这种域名结构就不行了。

特别注意一点，vue-cli 配置的也类似，这个key是一样的。

以上就是vue2多级路由history模式Nginx配置坑全部内容,感谢大家支持自学php网。