应用为VUE单页应用，路由模式为history，web处事器为nginx，正常情况下如果直接通过url访谒一其中间页（不是index.html）时，会看到nginx返回的404错误，这个问标题问题前我只能通过改削nginx站点配置文件来实现。

具体代码（只看红色加粗的部分就行）：

server { listen 80; server_name ……; index index.php index.html index.htm default.php default.htm default.html; root /www/wwwroot/……; # BEGIN 解决VUE在中间页刷新时呈现404或500的问题 location / { try_files $uri $uri/ @router; #检测文件存在性重定向到首页目录 防备404 index index.html; } location @router { rewrite ^.*$ /index.html break; } # END 解决VUE在中间页刷新时呈现404或500的问题 #SSL-START SSL相关配置，请勿删除或改削下一行带注释的404法则 #error_page 404/404.html; #SSL-END #ERROR-PAGE-START 错误页配置，可以注释、删除或改削 #error_page 404 /404.html; #error_page 502 /502.html; #ERROR-PAGE-END #PHP-INFO-START PHP引用配置，可以注释或改削 include enable-php-00.conf; #PHP-INFO-END #REWRITE-START URL重写法则引用,改削后将导致面板设置的伪静态法则掉效 include /www/server/panel/vhost/rewrite/scope.athena.tentest.h024.cn.conf; #REWRITE-END #禁止访谒的文件或目录 location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md) { return 404; } #something else……… }

[记录]解决vue项目当直接通过url访谒中间页时nginx返回404的问题