vue中路由history模式下的404问题

​​​​​​​​本文已参与「新人创作礼」活动，一起开启掘金创作之路。​

​

vue对于URL中存在’#’的地址，处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式，刷新页面报404。

对于个问题可以通过nginx来解决，我这里不废话，直接针对nginx的配置贴出：

listen       80;
		server_name  10.1.71.188;
		charset utf-8;  
		location  /{
					try_files $uri $uri/ @router;
        	    	root   /aaa/bbb;     # 这里修改为你自己的目录地址即可
            		index  index.html;
      	 	 }		
		location @router {
            rewrite ^.*$ /index.html last;    
        }

多编程内容，请扫码关注《coder练习生》，如果觉得有用，也可赠送作者一杯咖啡

​