使用 node 将本地项目部署上线

最近代码敲完了 想把自己写的页面或者项目放在云服务上 让大家都能看到 因此研究了一下用 node 把自己的本地代码部署上线
话不多少 直接看操作

准备工作:
1、安装好node环境
2、拥有自己的服务器(可以整一个阿里云的 一年也就几百块钱)
实在没有用服务器需求的也可以在本地照着操作一下 看看效果也好

第一步
随便找个地方新建一个文件夹 (我这里起的名字是StaticPage)
在这里插入图片描述
第二步
把需要部署的本地代码放进去
在这里插入图片描述

第三步
在需要部署的文件夹同级开始进行初始化
打开命令框输入指令 (npm init -y)
会默认生成nodemodule和package.json以及package-lock.json
在这里插入图片描述
第四步
新建一个js文件 命名为app.js 并写入以下代码

const express = require('express')        
const app = express()        
app.use(express.static('./Oneplus'))        
app.listen(80,() =>{
    console.log('服务启动成功')
})

在这里插入图片描述

第五步
在第三步的命令框中安装express框架 npm i express --save
在这里插入图片描述

第六部
启动服务 node app.js
友情提示:app.js最好和 本地拉过来的文件(不是初始新建的 以打包好的文件为主)同级
在这里插入图片描述
第七步
在浏览器地址栏即可访问(服务器地址/index.html) 具体看自己的文件路径
在这里插入图片描述

没有服务器的小伙伴 在本地查看的话可以用 localhost/index.html

如果 想部署vue文件 只需将打包好的dist文件 把app.js中的Oneplus 替换即可

这里建议 在本地配置完以后 直接粘贴到服务器 在服务器上直接运行最好

简单的node部署就结束了

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值