亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

nodejs部署前端項目的方法,已解決

標簽:
Node.js

    今天给大家分享下通过nodejs部署前端项目的方法,具体如下:

服务器需要安装:node
然后创建如下代码app.js文件

const http = require('http');

const url = require('url');

const path = require('path');

const fs = require('fs');

// 以上是系统命令,不需下载


// npm install mime 下载插件,解析文件类型,作用是防止低版本浏览器无法识别文件类型而导致的错误

const mime = require('mime');


// 创建服务器

const app = http.createServer();


// 服务器请求事件

app.on('request', (req, res) => {

        // 获取用户请求路径

        let pathname = url.parse(req.url).pathname;

        pathname = pathname == '/' ? '/index.html' : pathname;


        // 将用户请求的路径转换为服务器盘符实际路径 

        //如:c:\test\demo\index.html

        let realpath = path.join(__dirname, 'public' + pathname);


        // 解析文件类型

        let type = mime.getType(realpath);

        // 读取文件

        fs.readFile(realpath, (error, result) => {

            if (error != null) {

                res.writeHead(400, {

                    'content-type': 'text/html;charset=utf8'

                })

                res.end('文件读取失败!')

                    // 退出

                return;

            }


            // 设置文件类型

            res.writeHead(200, {

                    'content-type': type

                })

                // 输出

            res.end(result)

        })

    })

    // 设置端口号3000并进行监听

app.listen(3000);

console.log("服务器启动成功!");

文件编写好后,用PowerShell命令行切换到此app.js文件所在目录

node app.js

PowerShell输出----服务器启动成功! 就完成部署了
然后就可以在浏览器输入:localhost:3000(或者127.0.0.1:3000)即可访问你的index.html文件。

    以上便是nodejs部署前端项目的方法,已解决的全部内容,更多内容干货可关注慕课网~

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消