前端如何开发一个简单nodejs服务器?

第一步:

npm install -y  是用npm初始化一下项目

第二步:

npm i koa koa-static   下载这个插件

第三步:

将你的前端项目打包后生成的文件夹,复制到当前项目中的根目录下

第四步:上代码

// 开发一个nodejs服务器
// 可以提供页面服务, 支撑打包后的 dist 文件代码

// 引入库
const Koa = require("koa");
const serve = require("koa-static");
const { historyApiFallback } = require("koa2-connect-history-api-fallback");
const proxy = require("koa2-proxy-middleware");

// 创建服务器实例
const app = new Koa();

// 在创建实例之后, 提供页面服务之前
// 处理 history 模式带来的刷新问题
app.use(historyApiFallback());
// 处理生产环境请求转发的问题 也就是跨域的问题(根据自己项目实际情况来看)
app.use(
  proxy({
    targets: {
      // 这里面可以放规则对象
      "/prod-api/(.*)": {
        target: "http://xxx.xxx.xxx",
        changeOrigin: true,
        // 我们配对的是 prod-api 这是生产环境变量配置导致的
        // 但是服务器不一定认这个请求, 服务器认 /api
        pathRewrite: {
          "/prod-api": "/api",
        },
      },
    },
  })
);

// 提供静态文件服务中间件, 指定页面存放的位置
// __dirname 指 nodejs 当中当前文件夹的绝对路径
app.use(serve(__dirname + "/dist"));

// 开启服务器
app.listen(3333, () => {
  console.log("服务器启动成功");
  console.log("http://localhost:3333");
});

最后:

node index.js(这个文件是上面这个文件的名字,实际根据你自己的文件名来启动)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值