Express搭建服务器

新建一个服务器文件夹

vscode打开新建的文件夹

运行：npm init -y 初始化package.json

npm i express命令安装express包

在文件夹跟路径新建main.js

main.js中配置拦截

//1.导入express包 const express = require("express"); //2.创建web服务器 const app = express(); //3.使用服务器名.listen()方法启动服务器 app.listen(80, () => { console.log("服务器启动于http://127.0.0.1"); }) // 拦截get请求，post请求同理 app.get('/hello', (req, res) => { res.send('hello world')//响应数据给客户端 })

用node运行main.js：node ./main.js

接收参数

安装body-parser

在main.js中

const bodyParser = require('body-parser') app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended: false}));

获取参数:

要是跨域请求不到数据就看下面的文章

express使用cors跨域
什么是cors
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。只要服务器实现了CORS接口，就可以跨源通信。

CORS有两种请求，简单请求和非简单请求。

同源
跨域就等于从百度访问谷歌的资源，URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。相反，只要协议，域名，端口有任何一个的不同，就被当作是跨域。
浏览器采用同源策略，禁止页面加载或执行与自身来源不同的域的任何脚本。、

在express中使用
1.你只需要在express的命令行中安装corsnpm install cors

npm install cors

2.接着在main.js中引用server.js中引用

const cors = require('cors');
app.use(cors());

列如：

代码

/* // express使用cors跨域
// CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。只要服务器实现了CORS接口，就可以跨源通信。
// CORS有两种请求，简单请求和非简单请求。
// 同源
// 跨域就等于从百度访问谷歌的资源，URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。相反，只要协议，域名，端口有任何一个的不同，就被当作是跨域。
// 浏览器采用同源策略，禁止页面加载或执行与自身来源不同的域的任何脚本。、
// 在express中使用
// 1.你只需要在express的命令行中安装cors
// npm install cors
// 2.接着在main.js中引用server.js中引用
// var cors = require('cors');
// app.use(cors());
// 没错，这样就可以了！就是那么简单。
// 任何域都可以访问到了 *///1.导入express包
const express = require("express");
const cors = require('cors');//2.创建web服务器
const app = express();
// 处理跨域
app.use(cors());//3.使用服务器名.listen()方法启动服务器
app.listen(8800, () => {console.log("服务器启动于http://127.0.0.1");
})
// 拦截get请求，post请求同理
app.get('/login', (req, res) => {  // res 是成功后的回调函数res.send({Status:200,msg:' /login get测试请求数据成功',data: {username: 'admin',password: '666666'},})
})
app.get('/home', (req, res) => {  // res 是成功后的回调函数res.send({Status:200,msg:'/home get测试请求数据成功',data: {username: '我爱你',password: '一生一世'},})
})

Express搭建服务器相关推荐

node修改服务器默认端口,用node+express搭建服务器，解决跨域问题，更改端口号...
在学习前端的过程中,最开始我们需要展示在页面上的数据都是写死在系统里的假数据.然而,实际上前端是要与后台服务器交互进行数据存取的.如何搭建服务器见下文. 一.使用Node.js+express用命令行 ...
关于使用NodeJS+Express搭建服务器访问静态资源的一些填坑经验
前言 NodeJs是一个能让前端开发工程师变成全栈工程师的神器.最近在搞一个私活,需要上传图片到服务器存储.按照以前的想法,是用Java写代码搭服务器.奈何,大学毕业后就一直在搞前端和安卓开发.Jav ...
虚拟服务器nodejs项目部署打包,nodejs+express搭建服务器及vue项目部署打包
一.Express 1.Node.js 2.Express Express是一个保持最小规模的灵活的Node.js web应用程序开发框架,为web和移动应用程序提供一组强大的功能安装: npm i ...
使用express搭建服务器获取MySQL数据库数据
一.原始的mysql查询方法先安装mysql cnpm install mysql --save 引入这个db.js之后,才能对数据库进行查询进行查询查询结果如下: 二.ORM 介绍 ORM 全 ...
nodejs+express搭建服务器
1.Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速地搭建一个完整功能 ...
nodejs express搭建服务器（爬虫知乎精华帖,个人学习用）六在express中建立路由
创建express的过程以及开启html引擎我就不赘述了. var express = require('express'); var router = express.Router(); var m ...
nodejs express搭建服务器（爬虫知乎精华帖,个人学习用）六 html
使用的是express后台返回html. res.render('xxx(html名称)'); 有可能在浏览器里看到的是静态文件,是因为浏览器把它认为是文件格式,所以要设置头 res.set({'Co ...
nodejs express搭建服务器（爬虫知乎精华帖,个人学习用）四存储提到的内容的次数
var cheerio = require('cheerio'); var iconv = require('iconv-lite'); var https= require('https'); va ...
nodejs express搭建服务器（爬虫知乎精华帖,个人学习用）一爬取所有话题类型
首先爬取话题广场所有话题. var cheerio = require('cheerio'); var iconv = require('iconv-lite'); var https= requir ...

Express搭建服务器

Express搭建服务器相关推荐

最新文章

热门文章