使用Live Server
想要加載本地html頁面可以快速能讓它在你本地瀏覽器中打開,可以有好多種方式,如果你有使用vscode,可以安裝一個插件:Live Server,然后直接在vscode中直接右鍵就可以開啟這個服務:
安裝好之后,在vscode中打開html,然后右鍵:就可以自動打開瀏覽器并加載你這個html頁面
使用node搭建server服務
使用node.js自己寫一個server服務,然后開啟服務后,就可以返回本地的一個HTML頁面:
//加載必須的模塊
var http = require('http')
var fs = require('fs')
var url = require('url')
var path = require('path')//定位靜態目錄的位置,根據請求找出對應的文件
function staticRoot(staticPath, req, res) {var pathObj = url.parse(req.url, true)if (pathObj.pathname === '/') {pathObj.pathname += 'index.html'}//讀取靜態目錄里面的文件,然后發送出去var filePath = path.join(staticPath, pathObj.pathname)fs.readFile(filePath, 'binary', function (err, content) {if (err) {res.writeHead(404, 'Not Found')res.end('<h1>404 Not Found</h1>')} else {res.writeHead(200, 'Not Found')res.write(content, 'binary')res.end()}})
}
//創建服務器
var server = http.createServer(function (req, res) {staticRoot(path.join(__dirname, '/'), req, res)
})
//監聽8080端口
server.listen(80)
?