刚初叶学node,前天做这一个也是累死婴孩了,未来能够本人写接口本身用了,再也不用费劲人家后台职员了,近些年大家欠她们的太多了,说多了都以泪,十分的少说,往下看吗。。。

多年来商家在尝试前后端分离的支付形式,现存应用是java语言,要从中路拆除叁个小的模块来做上下端分离,工具上可能jquery,只可是是流程和分工上的分手,不想在前者的机械上搭建1套java景况,就依附教程搭了一晃转会,让地面能够接上开荒服务器联调。

服务端项目目录下:

为什么要选取node代理转载?

1、npm init 创建package.json文件;

咱俩要落到实处内外端分离,然后前端不在本身的Computer上设置tomcat,那时候,我们透过用node搭建服务器,然后转向大家的呼吁。举个例子:本身本地是localhost:三千,大家须求拜访,
来做ajax的数额交互。

二、创设八个app.js文件,下边包车型大巴标明都有了,简单的写了2个接口,上边会用,对跨域访问做了设置

永利开户送38元体验金,创设项目

var express=require('express');
var app =express();
//设置跨域访问
app.all('*', function(req, res, next) {
 res.header("Access-Control-Allow-Origin", "*");
 res.header("Access-Control-Allow-Headers", "X-Requested-With");
 res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
 res.header("X-Powered-By",' 3.2.1');
 res.header("Content-Type", "application/json;charset=utf-8");
 next();
});
var questions=[
{
data:213,
num:444,
age:12
},
{
data:456,
num:678,
age:13
}];
//写个接口123
app.get('/123',function(req,res){
res.status(200),
res.json(questions)
});
//配置服务端口
var server = app.listen(3000, function () {
var host = server.address().address;
 var port = server.address().port;
 console.log('Example app listening at http://%s:%s', host, port);
})
npm init

三、接下去该装置 express
框架了吧,因为我们地点用到了,间接设置并写入正视里。

安装模块

npm install express --save
npm install express connect-timeout http-proxy-middleware --save-dev

品类目录下:

创建js文件

一、随意创立1个 index.html 文件,做叁个ajax
的get请求看看,url正是大家刚创设的服务端的接口地址。

<!--proxy-server.js-->
const express = require('express');
const timeout = require('connect-timeout');
const proxy = require('http-proxy-middleware');
const app = express();

// 超时时间
const TIME_OUT = 30 * 1e3;

// 设置端口
app.set('port', '80');

// 设置超时 返回超时响应
app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
 if (!req.timedout) next();
});


proxyOption = {
 target: 'http://localhost:8080',
 pathRewrite: {
    '^/api/' : '/' // 重写请求,api/解析为/
  },
  changeOrigoin:true
};

// 静态资源路径
app.use('/', express.static('src/page'));

// 反向代理
app.use('/api/*', proxy(proxyOption));

// 监听端口
app.listen(app.get('port'), () => {
 console.log(`server running @${app.get('port')}`);
});
$.ajax({
type:'get',
url:'http://localhost:3000/123',
success:function(data){
console.log(data);
},
error:function(){
console.log('error');
}
})

如上就是本文的全部内容,希望对大家的就学抱有支持,也意在我们多多接济脚本之家。

贰、看下边包车型地铁图能够知道我们已经呼吁到数量了,获得的多寡就不管你处置了。

您大概感兴趣的小说:

  • 基于node搭建服务器,写接口,调接口,跨域的实例
  • 新版vue-cli模板下地面开拓蒙受使用node服务器跨域的不二法门
  • nodejs搭建当地服务器轻易解决跨域难点
  • node跨域请求方法小结
  • nodeJS(express四.x)+vue(vue-cli)营造前后端分离实例(带跨域)
  • 借助于node实战JSONP跨域实例
  • Node.js设置CO中华VS跨域请求中多域名白名单的主意
  • NODE.JS跨域难题的全面化解方案
  • Node.js协作node-http-proxy化解本地开拓ajax跨域难点

永利开户送38元体验金 1

末端继续深造中。。。。

连带的文书档案

如上那篇基于node搭建服务器,写接口,调接口,跨域的实例就是作者分享给大家的全体内容了,希望能给大家二个参阅,也指望大家多多帮衬脚本之家。

你恐怕感兴趣的篇章:

  • Node.js
    完结简单的接口服务器的实例代码
  • nodejs搭建本地服务器轻易消除跨域难题
  • Node做转账服务器转载接口
  • 依据node实战JSONP跨域实例
  • node通过express搭建自个儿的服务器

相关文章