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: '一生一世'
      },
    })
  })