zoukankan      html  css  js  c++  java
  • 快速搭建本地服务

    方式一、二、三单个js文件即可操作。

    方式一:

    安装下载serve npm包。https://www.npmjs.com/package/serve

    npm i serve
    
    # 建议全局安装,
    npm i -g serve
    

    安装完成你可以serve -v来查看版本号,至此安装成功了,

    serve -v
    WARNING: Checking for updates failed (use `--debug` to see full error)
    11.3.2
    

    直接在打开你的文件目录,执行serve就会直接启动一个服务,默认监听 5000 端口

    服务的启动的方式,还可以在 serve fileName 后面跟文件夹的名称,以此来作为服务启动的文件目录。

    serve
    WARNING: Checking for updates failed (use `--debug` to see full error)
    
       ┌───────────────────────────────────────────────────┐
       │                                                   │
       │   Serving!                                        │
       │                                                   │
       │   - Local:            http://localhost:5000       │
       │   - On Your Network:  http://192.168.137.1:5000   │
       │                                                   │
       │   Copied local address to clipboard!              │
       │                                                   │
       └───────────────────────────────────────────────────┘
    
    
    

    恭喜你服务搭建完成!

    方式二;

    使用node的http内置模块来快速的新建一个服务,

    此操作代表你已经安装了nodejs不然将不可用。

    // 引入http包
    const http = require('http')
    const app = new http.Server()
    // 侦听请求
    app.on('request', (req, res) => {
      res.writeHead(200, {
        "Content-Type": 'text/html;charset=UTF-8',
      })
      // 返回响应内容
      res.write('<h1>Node.js-监听3000端口~</h1>')
      // 结束响应,此方法必须调用,不然客户端会一直处于等待状态。
      res.end()
    })
    // 监听 3000端口
    app.listen(3000, (err) => {
      if (!err) {
        console.log('开始监听3000端口')
      }
    })
    
    

    shell中启动这个文件,node fileName

    node service
    开始监听3000端口
    

    方式三;

    下载安装依赖express,点击下载

    npm i express
    

    引入并创建服务

    // 引入包 express
    const express = require('express')
    // 创建服务器;
    const app = express()
    // 创建get请求
    app.get('/', (req, res) => {
      res.send('请求成功')
    })
    // 启动服务;
    app.listen(3000, (err) => {
      if (!err) {
        console.log('server started on port 3000')
      }
    })
    
    // ============
    node service.js
    server started on port 3000
    

    方式四;

    此种方式需要初始化一个项目,

    1. 创建一个文件夹,

    2. 执行 npm init 会生成package.json文件,

    3. 同级目录新建webpack.config.js文件,写入一下代码,

      module.exports = {
        entry: './main.js',
      }
      
    4. 新建main.js文件,随便写点东西

    1. 首先你需要安装webpack包,下载

      npm install --save-dev webpack
      
    2. 安装webpack-dev-server包,下载

      npm install webpack-dev-server --save-dev
      
    3. 然后在package.json文件里面的script字段里面添加,

      "scripts": {
          "test": "echo "Error: no test specified" && exit 1",
          "serve": "webpack-dev-server", # 添加此行
        },
      
    4. 执行cmd命令;

      npm run serve
      
      # webpack: Compiled successfully.
      
    5. 默认会监听8080端口,浏览器打开访问localhost即可,

  • 相关阅读:
    情商 EQ & 儿童情商
    如何提高情商 转载
    cs108 03 ( 调试, java通用性)
    java 包 和 物理目录 解惑
    Toad 补充与培训 & 常用菜单
    专题实验 日期类型
    Http Response Code
    Java之 将程序打包成jar包
    Java之网络编程笔记
    java之IO
  • 原文地址:https://www.cnblogs.com/ywnh/p/14019561.html
Copyright © 2011-2022 走看看