// 建立伺服器
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分割 ...