新建一个服务器文件夹
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的命令行中安装cors
npm install cors
2.接着在main.js中引用server.js中引用
var cors = require('cors');
app.use(cors());
没错,这样就可以了!就是那么简单。