vue重新整理頁面丟失404

解決方案

• nginx新增配置檔案 下面內容加入配置檔案

location @rewrites {
             rewrite ^(.+)$ /index.html last;
 }

• 完整配置

  location / {
   
       root   /usr/share/nginx/html;
       index  index.html index.htm;
       try_files $uri $uri/ @rewrites;
   }
   location @rewrites {
            rewrite ^(.+)$ /index.html last;
       }

出現的原因

vue是單頁面應用 帶路徑請求的時候會出現找不到對應的目錄檔案所以報錯了

try_files

nginx中讀取靜態檔案的變數
當前案例完整的解釋就是：try_files 去嘗試到網站目錄讀取使用者訪問的檔案，如果第一個變數存在，就直接返回；
不存在繼續讀取第二個變數，如果存在，直接返回；不存在直接跳轉到第三個引數上。

$uri

$uri當前請求路徑 www.text.cn/trext 中的 /trext
上述程式碼相當於重定向了找不到的路徑查詢預設index