區分路由載入頁面

2021-10-04 07:38:09 字數 1164 閱讀 4896

// 建立伺服器

const fs =

require

("fs");

// 操作檔案/目標

const url =

require

("url");

// 解析url字串/url物件

const mime =

require

("./mime.json");

// 根據檔案格式,獲取對應的頭部資訊

const path =

require

("path");

// 處理檔案路徑

);流方式載入頁面

// let rs = fs.createreadstream("./view/index.html"); //讀流

// rs.pipe(res);

//後端路由: 每次切換頁面時,都會重新整理

//前端路由: spa 單頁面應用 ,不會引起重新整理

// 這兩個位址是乙個位址

let obj = url.

parse

(req.url,

true);

console.

log(obj)

;//載入主頁

if(obj.pathname ==

"/")

else

if(obj.pathname ==

"/detail"

)else

if(obj.pathname ==

"/getdata"

) res.

write

(json

.stringify

(obj));

}else

} res.

end();

}).listen

(8888

);

vue根據模組拆分路由

在專案開發過程中,路由用的乙個檔案 每個人都去操作,加上頁面挺多了,被版本衝突弄得死去活來得,所以這裡下來做了乙個路由拆分成各個模組 import vue from vue import vuerouter from vue router 這裡引入其他模組得路由 vue.use vuerouter ...

vue路由按需載入(路由懶載入

目前有三種方式實現路由元件的懶載入,分別是 把路由配置,進行修改 path shopcar name shopcar component resolve require pages shopcar resolve 1 執行是開啟chrome的network,就會看到進入路由 shopcar 時,會多...

路由懶載入

路由的使用 路由懶載入 import home from components home 一般的引入元件方式 const login resolve require components login resolve const routes 使用非同步元件,減少首頁載入js大小,webpack分割 ...