写一个后端node的接口,返回一条msg
var express=require('express')
var app=express()
app.get('/getMsg',function(req,res){
// res.header("Access-Control-Allow-Origin", "*");
res.send('Hello world')
})
app.post('/')
var server=app.listen(8081,function(){
var host=server.address().address
var port=server.address().port
console.log("应用实例,访问地址为 http://%s:%s", host, port)
})
前端的是运行在80端口,跨域访问。
nginx配置 在server里面添加一个代理,增加我们后端的getMsg端口,进行反向代理
listen 80; #运行在80端口
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;#文件根目录
index index.html index.htm;#默认起始页
}
location /getMsg { #匹配/getMsg这个接口
proxy_pass http://localhost:8081/getMsg; # 反向代理到真正的url,获取资源
}
把写好的html放在nginx目录下的html文件下
var xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
var res=xmlhttp.responseText
document.write(res)
}
}
xmlhttp.open("GET","/getMsg") //要走nginx,改成相对路径,nginx匹配到进行反向代理
xmlhttp.send()