vue框架下部署上線後重新整理報404問題解決方案

2021-09-24 07:12:46 字數 1567 閱讀 4327

@toc

rewriteengine on

rewritebase /

rewriterule ^index\.html$ - [l]

rewritecond % !-f

rewritecond % !-d

rewriterule . /index.html [l]

複製**

location / 

複製**

server 

複製**

修改如下:

server 

location @router

}複製**

const http = require('http')

複製**

基於 node.js 的 express

對於 node.js/express,請考慮使用 connect-history-api-fallback 中介軟體

安裝iis urlrewrite

<?xml version="1.0" encoding="utf-8"

?>

name="handle history mode and custom 404/500"

stopprocessing="true">

url="(.*)" />

logicalgrouping="matchall">

input=""

matchtype="isfile"

negate="true" />

input=""

matchtype="isdirectory"

negate="true" />

conditions>

type="rewrite"

url="/" />

rule>

rules>

rewrite>

system.webserver>

configuration>

複製**

rewrite  /

}複製**

在你的 firebase.json 中加入:

]}}

複製**

給個警告,因為這麼做以後,你的伺服器就不再返回 404 錯誤頁面,因為對於所有路徑都會返回 index.html 檔案。為了避免這種情況,你應該在 vue 應用裡面覆蓋所有的路由情況,然後在給出乙個 404 頁面。

const router = new vuerouter(

]})複製**

Vue專案實戰 上線部署

剔除專案無用 前端效能優化 配置伺服器做網域名稱解析 上傳專案 啟動服務 1 路由按需載入方案 路由懶載入能把不同路由對應的元件分割成不同的 塊,然後當路由被訪問的時候才載入對應元件,這樣就更加高效了。路由懶載入主要目的是防止 首屏載入內容過多,延時過長,造成白屏,不利於使用者體驗。方式1 在rou...

VUE框架下FPS低解決方式

最近客戶發現fps很低,大模型載入才4,5fps 但是之前的用純js的版本寫的用例表現卻很好,到30左右,差別這麼大 也看了很多vue優化的例子,後發現,vue中的資料繫結這裡真的是需要注意,之前為了方便,直接把一些跟模型的資料繫結到data上,一旦改變,vue的監聽會多次呼叫getter,sett...

如何在nginx下部署vue專案

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!首先我們使用npm run build來生成專案的靜態頁面,會在專案的根路徑的dist目錄下 我們將dist下的index.html和static靜態檔案發布到伺服器的某一目錄下 比如說我們發布的是 在usr local vue page下,那麼我...