一.使用http-server 1.安装http-server npm install -g http-server 2.通过命令进入到dist文件夹 3.运行http-server 以上在浏览器输入上面地址就可以访问了 二.使用nodejs和express搭建服务器 使用express可以快速搭建一个完整的网站 1. 需要先安装nodejs 2.全局安装express-generator npm install express --save -g npm install express-gen

一.引言 在自学node.js的过程中有一个非常重要的框架,那就是Express.它是一个基于NodeJs http模块而编写的高层模块,弥补http模块的繁琐和不方便,能够快速开发http服务器.这里,就要用Express创建一个Web服务器,用来深入的理解这个框架,并熟悉创建Web服务器的过程. 二.核心概念--中间件 Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件. 中间件(Middlewa

最近开始做一个实验室资产管理系统,后台使用node.js的Express框架,前端使用vue,数据库使用mysql.在这里开始简单记录一下开发过程和遇到的问题. 今天要说的是express+mysql+vue开发环境搭建 因为之前做项目的时候都是在别人(合作开发的大神)搭建好环境后,我直接学习相关的前端开发知识进行开发的,所以这次可以说是我第一次接触到后台(...应该算是后台吧..)的东西. 我首先遇到的问题是项目目录的构建问题(不要笑!我就是这么小白/(ㄒoㄒ)/~~) 问题: 后台的expr

一 openssl创建https私钥和证书 1.下载windows版openssl: http://slproweb.com/products/Win32OpenSSL.html Win64OpenSSL_Light-1_1_1b.exe 2.安装并使用openssl: 2.1 正常安装openssl.exe 2.2 进入openssl安装目录的bin里面 #生成私钥key文件 openssl genrsa 1024 > ./private.pem #通过私钥文件生成CSR证书签名 openss

通过express来打造api服务器[ 后端接口 ] 1.步骤 1.通过脚手架创建项目 const express = require('express'); const router = express.Router(); module.exports = router 2.创建接口 接口就是路由 接口的打造要遵循一个规则:restful api 现在主流的是 //接口只有一个,但是数据请求方式多个 http://localhost:3000/shop get请求 查询 post请求 增加一个

1.Express简介 1.1什么是Express 官方给出的概念:Express 是基于 Node.js 平台,快速.开放.极简的 Web 开发框架,官方网址 相似用途:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的 Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法 1.2Express与Http内置模块的关系与区别 类似于浏览器中 Web API 和 jQuery 的关系.后者是基于前者进

在讲解之前,我们先来看看效果如下所示: 1)整个页面的效果如下: 2) 新增数据效果如下: 3) 新增成功如下: 4) 编辑数据效果如下: 5) 编辑成功效果如下: 6) 删除数据效果如下: 7) 删除成功效果如下: 8) 查询效果如下: 如上的效果,下面我们还是和之前一样,先看看我们整个项目的架构如下所示: ### 目录结构如下: demo1 # 工程名 | |--- dist # 打包后生成的目录文件 | |--- node_modules # 所有的依赖包 | |----database

NodeJs创建Web服务器 var http = require('http'); var server = http.createServer(function(req, res) { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.write('hello world!'); res.end(); }).listen(80); 这是一个原生式的创建一个web服务器的方式,但是有缺陷.如果我们想要将我们的静态页面至于与服务器

前言 为了模拟项目上线,我们就需要一个服务器去提供API给我们调用数据.这次我采用express框架去写API接口.所有请求都是通过ajax请求去请求服务器来返回数据.第一次用node写后端,基本就是摸着石头的过河,文中有什么不足不处欢迎指出. 安装express框架 传送门: express官方 然后介绍一下需要引入的中间件,node本身提供了一些库.我们可以直接通过require去引用,对于未提供的库,我们也可以通过手动npm去安装 var fs = require('fs'); 操作文件模

http const http = require('http') // 创建服务器 const server = http.createServer() // 绑定事件,监听客户端的请求 server.on('request', (req, res) => { // 写入响应头,防止中文乱码 res.writeHeader(200, { 'Content-Type': 'text/html; charset=utf-8' }) res.end('你好 http 服务器!') }) server

1 安装 1.1 下载和安装 1.2 什么是REPL?如何使用? 1.3 npm对单一模块的安装和删除功能 1.4 通过package.json自定义模块(安装模块) 1.5 设置全局目录 2 部署网站 2.1 安装express模块 2.2 使用js文件部署服务器 2.3 访问 3 获取本地IP地址 3.1 编写获取IPv4的函数 3.2 函数思路解析 3.3 官方API对networkInterfaces()的解释  先简介一下nodejs和NPM.Nodejs是2009年末Ryan Dah

最近在开发cms的时候使用Vue.js框架,利用vue-route.vue-cli结合webpack编写了一个单页路由项目,自己在服务器端配置apache.部署完成后,访问没问题,从页面中点击跳转就会报错,就会出现404现象!在本地开发中是没有这个问题的,调试的时候一切都是正常的. 步骤一: 在config/index.js文件里的assetsPublicPath改成你放在服务器的文件路径里,根目录就是:/   如果是放在某个文件夹,例: /vuep/ 步骤二: 在自己的路由配置中加入base属

npm install express -g                           express这个库可以使用了. npm install express-generator -g           express-generator是一个项目生成器,用来快速构建一个项目,项目中使用需要express. express --version      查看版本号 express firstapp        在命令行当前目录构建firstapp项目 express firsta

1.安装express模块 在命令行输入 npm install body-parser --save npm install express --save 2.创建app.js文件 /*应用程序入口文件*/ /*加载express模块*/ var express = require('express'); /*创建app应用*/ var app = express(); /*首页*/ app.get('/',function (req,res,next) { res.send("<h1&

1.当我们部署完ME的时候,发现有一些AP虽然显示已经加入了WLC(ME),但是它其实并没有正常的工作,显示不可用: (Cisco Controller) >show ap su Number of APs.................................... 2 Global AP User Name.............................. Not ConfiguredGlobal AP Dot1x User Name...................

简介: 此项目需要懂一点node.express 功能: 1.前端用户登录,查看服务端推送的消息,用户只能在一个地方登录,也就是单点登录 2.服务端首先登录,上传需要推送的信息文本,后台读取文本后,存入数据库,在取出来返回前端,链接socket服务,然后推送到前端 界面如下: 服务端界面: 用户管理界面: 1.修改.增加.删除等操作 前端界面: 技术栈: 前端: "axios": "^0.18.0"---(用户提交向服务器提交数据) "iview"

概述 最近打算玩一下service worker,但是service worker只能在https下跑,所以查资料自己用纯express搭建了一个微服务器,把过程记录下来,供以后开发时参考,相信对其他人也有用. 参考资料:express官方文档 http服务器 首先我们用express搭建一个http服务器,很简单,看看官方文档就可以搭建出来了.代码如下: // server.js const express = require('express'); const http = require(

上个月写了一篇文章是 express+mongodb+vue 实现增删改查. 只是简单的实现了增删改查功能,那么今天是在那个基础之上做了扩展,首先实现的功能有如下: 1. 支持注册,登录功能,用户可以注册完成后,进行登录,登录完成后会进入到列表增删改查页面.2. 支持session会话,也就是说设置了多长时间登录过期,如果用户没有登录,直接进查询列表页面,会重定向到登录页面去,如果用户登录了后,把浏览器关掉,直接输入列表查询页面,会直接进入列表页面的.3. 列表数据加入了分页功能.4. 对数据库

1.下载express ... 2.使用vue-cli下载好项目文件 ... 3.找到文件 build - webpack.dev.conf.js 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const path = require

前端技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui 服务端技术栈:nodejs + express + mongodb ¶准备工作 1.nodejs下载及安装 2.mongodb的下载及安装配置   (其中包含了NoSQL for MongoDB 的使用方式) 3.[vue]后台管理项目搭建Demo  (另一篇:[vue]vue.js安装教程/vue项目搭建  )     俩个所选的技术栈稍微不同 4.生成ex

前后端分离----VUE+node(express) vue作为前端的框架,node(express)作为后端的框架.无数据库,使用端口保存数据. VUE: 使用vue-cli构建vue项目(vueapp). npm install -g vue-cli(安装,安装过的就不用了) vue init webpack vueapp axios:(与ajax相似) import axios from 'axios' var url="http://localhost:3000" //expr