vue框架下部署上线后刷新报404问题解决方案

Apache配置

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{
   REQUEST_FILENAME} !-f
  RewriteCond %{
   REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

nginx配置

location / {
   
  try_files $uri $uri/ /index.html;
}

vue history模式下nginx配置

服务端nginx的一开始配置如下（假设域名为：xx.xxx.com）：
[***** ~]# cat /Data/app/nginx/conf/vhosts/xx.xxx.com.conf

 server {
         listen 80;

         server_name testwx.wangshibo.com;
         root /Data/app/xqsj_wx/dist;
         index index.html;

         access_log /var/log/testwx.log main;

}

修改如下:

server {
         listen 80;

         server_name testwx.wangshibo.com;
         root /Data/app/xqsj_wx/dist;
         index index.html;
         access_log /var/log/testwx.log main;
         
		## 注意从这里开始
         location / {
             try_files $uri $uri/ @router;
             index index.html;
         }

        location @router {
            rewrite ^.*$ /index.html last;
        }

}

原生 Node.js

const http = require('http')
const fs = require(