精华内容
下载资源
问答
  • gulp启本地服务node启本地服务

    千次阅读 2016-10-19 14:30:50
    前言:gulp 是一个非常有用的 web前端自动化开发 工具,可以通过配置 gulp task 帮助我们完成许多工作。不仅如此,我们还可以利用 gulp 来建一个简单的服务器,供我们测试用。下面来看看如何配置: 1.首先 创建 ...

    前言:gulp 是一个非常有用的 web前端自动化开发 工具,可以通过配置 gulp task 帮助我们完成许多工作。不仅如此,我们还可以利用 gulp 来建一个简单的服务器,供我们测试用。下面来看看如何配置:

    1. 首先,创建package.json文件(包依赖)

    npm init

    接着会出现如下,提示(如果不填任何东西,直接按回车直到出现 yes 确认就行,以后也可以修改这个文件)

    image

    2.安装gulp

    npm i -D gulp

    npm i -D gulp-connect

    // i -D 等同于 --save-dev

    3.新建gulpfile.js文件,并编辑(复制下面内容))

    var gulp = require('gulp');

    var connect = require('gulp-connect');

    gulp.tack('webserver',function(){

       connect.server({

          livereload:true,

          port:2333

       });

    });

    gulp.tack('default',['webserver']);


    4. 在命令行输入gulp,接着可以用浏览器访问localhost:2333,此时文件结构如下:

    image

    image

    5.通过手机访问

    1)首先电脑开WiFi,手机连上电脑的WiFi

    2)打开命令行(Win+R,输入cmd )

    3)输入命令 ipconfig

    image

     

    4)记住 ipv4 地址(假如是 192.110.16.1),在手机浏览器输入 192.110.16.1:2333

    QQ图片20151214233856

     

    5)点开 demo.html 就可以在手机测试你写的网页了

    QQ图片20151214234847

     

    其他

    通常还会用 gulp 执行其他任务,比如编译 sass,less,压缩 js 文件等

    var gulp = require('gulp'),
        connect = require('gulp-connect'),
        uglify = require('gulp-uglify'),
        sass = require('gulp-ruby-sass'),
        autoprefixer = require('gulp-autoprefixer');
    
    gulp.task('webserver',function() {
        connect.server({
            livereload:true,
            port: 2333
        });
    });
    
    gulp.task('script',function() {
        gulp.src('js/*.js')
            .pipe(uglify())
            .pipe(gulp.dest('dist/js'));
    });
    
    gulp.task('sass',function() {
        return sass('sass/*.scss')
            .on('error',function(err) {
                console.error('sassError!', err.message);
            })
            .pipe(gulp.dest('dist/css'));
    });
    
    gulp.task('auto',function() {
        gulp.watch('js/*.js', ['script']);
        gulp.watch('sass/**/*.scss', ['sass']);
    });
    
    gulp.task('default', ['webserver','sass','script','auto']);
    --------------------------我是分割线(用ndoejs启本地服务)----------------------
    (1)安装好node之后打开cmd 输入 npm install anywhere -g  安装anywhere
    (2)在cmd页面 找到想搭建服务器的路径,然后在当前路径下输入: anywhere 8860

    展开全文
  • node启动服务访问前端

    千次阅读 2018-11-08 17:59:11
    复制以下代码,启动服务 node server 在浏览器中打开localhost:8888/index.html,可以查看你的html var PORT = 8888;// var http = require('http'); var url=require('url'); var fs=require('fs'); var mine={...

    新建server.js
    复制以下代码,启动服务 node server
    在浏览器中打开localhost:8888/index.html,可以查看你的html

     var PORT = 8888;//
        var http = require('http');
        var url=require('url');
        var fs=require('fs');
        var mine={
            "css": "text/css",
            "gif": "image/gif",
            "html": "text/html",
            "ico": "image/x-icon",
            "jpeg": "image/jpeg",
            "jpg": "image/jpeg",
            "js": "text/javascript",
            "json": "application/json",
            "pdf": "application/pdf",
            "png": "image/png",
            "svg": "image/svg+xml",
            "swf": "application/x-shockwave-flash",
            "tiff": "image/tiff",
            "txt": "text/plain",
            "wav": "audio/x-wav",
            "wma": "audio/x-ms-wma",
            "wmv": "video/x-ms-wmv",
            "xml": "text/xml"
        };
        var path=require('path');
    
        var server = http.createServer(function (request, response) {
            var pathname = url.parse(request.url).pathname;
            var realPath = path.join("./", pathname);    //这里设置自己的文件名称;   ./是路径可以自己配置
    
            var ext = path.extname(realPath);
            ext = ext ? ext.slice(1) : 'unknown';
            fs.exists(realPath, function (exists) {
                if (!exists) {
                    response.writeHead(404, {
                        'Content-Type': 'text/plain'
                    });
    
                    response.write("This request URL " + pathname + " was not found on this server.");
                    response.end();
                } else {
                    fs.readFile(realPath, "binary", function (err, file) {
                        if (err) {
                            response.writeHead(500, {
                                'Content-Type': 'text/plain'
                            });
                            response.end(err);
                        } else {
                            var contentType = mine[ext] || "text/plain";
                            response.writeHead(200, {
                                'Content-Type': contentType
                            });
                            response.write(file, "binary");
                            response.end();
                        }
                    });
                }
            });
        });
        server.listen(PORT);
        console.log("Server runing at port: " + PORT + ".");
    
    展开全文
  • 方案之一就是模拟线上环境一个本地服务。 需要掌握的基础知识: 1 node.js 2 npm 3 js 在终端中打开文件夹,执行 : npm init 终端会提示你配置packge相关的东西,按需要输入就行,一般就 回车回车回车。。。 然后...

    作为前端程序员,经常遇到一些“祖传代码”,不放在服务器就没办法调试页面,那么如何在本地顺畅的调试呢?方案之一就是模拟线上环境启一个本地服务。
    需要掌握的基础知识:
    1 node.js
    2 npm
    3 js

    在终端中打开文件夹,执行 :

    npm init
    

    终端会提示你配置packge相关的东西,按需要输入就行,一般就 回车回车回车。。。

    然后安装要使用到的npm包:express

    express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web
    和移动设备应用。

    npm install express --save
    

    执行完成后,在根目录下创建 start.js 文件,并创建一个名为“static”的文件夹
    代码如下:

    const express = require("express")
    const app = express()
    app.use(express.static(path.join('static')))
    app.listen(1309,()=>{
        console.log("服务开启在1309端口")
    })
    

    在static文件中放入静态资源,如:index.html

    终端输入

    node start.js
    

    启动服务。
    在浏览器打开:http://127.0.0.1:1309/index.html
    在这里插入图片描述
    就可以正常访问了

    展开全文
  • 在平常开发过程中,常遇到没有用任何框架和工具,就是要运行一个简单的html页面,需要一个本地的服务器。本文提供一种简单的方式。本机访问都可以,手机或其他设备连接,请使用192ip,必须在同一局域网下; 1. 安装...

    *手机端调试神器

    注:下文都是Mac环境

    在平常开发过程中,常遇到没有用任何框架和工具,就是要运行一个简单的html页面,需要启一个本地的服务器。本文提供一种简单的方式。本机访问都可以,手机或其他设备连接,请使用192ip,必须在同一局域网下;

    1. 安装node.js
    官网地址:https://nodejs.org
    下载官网推荐版本,并安装。

    在命令行输入命令node -v以及npm -v检查版本,确认是否安装成功。

    2. 安装http-server
    http-server详细介绍,包括参数等:
    https://www.npmjs.com/package/http-server

    在命令行中安装到全局(-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):

    npm install http-server -g

    有可能会出现权限问题,在npm前加上sudo

    3. 开启服务
    命令行中进入目标文件夹(也就是需要启动服务的文件夹),输入如下命令:

    http-server

    本地服务器就启动起来了,默认端口为8080。
    --------------以下 win10亲测  -----------------------

    首先!  全局安装没什么好说的叭

    npm install http-server -g

    其次  进入你的项目文件夹   cmd - - >

    hs

    http-server在浏览器的端口http://127.0.0.1:8080/,未能及时反馈网页中html、js文件的改动。这是因为浏览器会保存一些数据,方便下次加载的时候速度更快,但当我们对html/js做了一些改动时,浏览器不能即时生效,仍加载之前的网页。

    这时需要对浏览器清除缓存。解决办法:在终端开启http-server时输入下列命令行

    http-server -c-1

    好拉~

    转载于:https://www.cnblogs.com/liAnran/p/10303633.html

    展开全文
  • 用来启服务 var fs=require('fs'); // 用来读取文件 var root="C:/Users/Administrator/Desktop/notice" // 你本地放index.html页面的文件路径 // 开启服务 var server=http.createServer( function ...
  • 在平时的开发过程中,常遇到没有用任何框架和工具,就要运行一个简单的html页面,需要一个本地服务器。我说的情况主要是针对同一局域网下使用手机端或者其他设备访问本地页面的问题。本文提供一种简单的方式。 1....
  • 前言 如果你不甘于做一个纯粹的页面仔,想了解一个web应用从编写到到发布到用户可见的全过程,或是想自己玩一点新东西,突破原有的技术...本例的应用架构大致是:一个web静态中台服务,和与之配套的后端服务(通过no...
  • 前端使用http-server工具包本地服务

    千次阅读 2018-01-28 17:44:03
    1. 首先,安装好node.js环境,自行上网搜索 2. 安装http-server http-server详细介绍,包括参数等:  https://www.npmjs.com/package/http-server 在命令行中安装到全局(-g表示安装到全局,之后...
  • node.js 接收页面的ajax请求进行调用转发请求 var express, model, pc, httpMethod, formidable, fs, xlsx, querystring; express = require('express'); model = require('model'); httpMethod = require('./...
  • 背景介绍一般的,我们开发一个前端项目通常是在本地通过Node.js搭一个服务器,所有的开发测试过程基本上都是在本地搞定。有时候,我们需要把我们的作品上线,好让更多的人能够访问到。比较传统的方法可能就是将本地...
  • 随着业务多了些,前端这块终于扔出来了(独立)…虽然只有双核2M带宽; 需要部署的有这么几个,测试线及正式线:PC官网/管理后台/移动端分享/APP内嵌页 随手记,有兴趣的看看,也许可以帮你省点时间… 你能收获什么? ...
  • 两行就行了(这里只是简单配置gzip) 四.pm2 开机自启node服务 我这里的前端web服务是使用node发布的,并且使用pm2来管理node进程,那我们来配置一下pm2 开机自启node服务。 1.首先 pm2 start xxx.js 。xxx.js是...
  • 只启动Node-red 如果只是想简单的嵌入、主应用启动Node-red即可的话,Node-red官方论坛就提供了一段典型代码。代码我就不贴了,参见如下网址: https://nodered.org/docs/user-guide/runtime/embedding 以上代码的...
  • 本地起一个node服务

    千次阅读 2019-01-25 15:26:40
    有时候我们写的前端应用或者页面需要在本地起个服务,比如做移动端,想看看手机上的效果,用手机访问本地地址。 1.首先下载安装node.js、npm 2.新建node项目文件夹 比如:nodehost; 在当前文件夹打开终端,npm ...
  • 随着前端开发技术的不断发展,前端开发工作也变得越来越复杂,如果能合理地采用一些自动化的工具,生活要容易得多。 业内比较成熟的解决方案诸如webpack、rollup、gulp、grunt等前端构建工具相信很多FE都或多或少的...
  • 使用http-server本地服务

    千次阅读 2018-10-28 14:14:05
    在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,通常我们就需要在在本地开启一个本地的...
  • 本地启动两个服务,一个前台,一个后台,访问的时候出现跨域问题。 请求跨域结果如下: Access to XMLHttpRequest at '...
  • 前端项目开启静态服务 1、安装node.js 网址https://www.runoob.com/nodejs/nodejs-install-setup.html 2.安装puer ①按win+R打开运行,输入cmd,点确定打开命令提示符cmd ②输入“npm install puer -g”安装puer 3、...
  • node后端服务搭建

    2021-02-06 11:00:54
    1.首先全局安装node;执行npm -v; npm -v 2.初始化项目:npm init,你会看到有一个package.json文件; npm init 3.执行npm install ; npm install 4.下载express,body-parser,mysql; npm install express body-...
  • 发布node服务(这里可能需要打包,没怎么研究,我是直接把整个项目丢服务端了) 在nginx目录下创建了一个service文件夹放置服务 将本地node项目压缩zip 传输上去,然后服务端用xshell 来用指令解压, 这边服务端如何...
  • 使用node搭建服务访问本地文件,服务搭建的没有问题,能够正常启动。但是在浏览器上却显示无法访问到本地页面。 原因可能有很多种,但是比较低级的一种就是:是不是不记得自己的电脑IP地址设置的是自动获取啊.........
  • 手里有node后端服务项目和vue前端服务项目,但是只能在本地跑着玩,给自己看。那把它们部署到服务器上不就可以在线演示,给所有人看了吗? 话不多说,搞起 整一个个人网站服务器的准备华为云服务器,阿里腾讯云...
  • 复制以下代码,启动服务 node server.js 在浏览器中打开localhost:8888/index.html,即可查看index.html的内容: var PORT = 8888;// var http = require('http'); var url=require('url'); var fs=require('fs'); ...
  • 一:在接触js项目的时候,会有一个疑问,为什么这些项目都要使用node.js来启动项目,以服务形式去访问(或者使用tomcat也可以) 以下转自:https://www.cnblogs.com/lishanlei/p/10707853.html 关于在JS中AJAX导致...
  • 查看进程 :ps -ef|grep node 杀死进程:kill 15834

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,289
精华内容 915
关键字:

node启前端服务