用原生http模块,简单模仿http协议
// 引入http模块 const http = require("http") // 创建一个服务 const server = http.createServer() // 监听请求事件 server.on('request',function(req,res){ // req(request):客户端 请求 服务端 信息 // res(response):服务器端 响应 客户端 信息 // 设置跨域权限 res.setHeader("Access-Control-Allow-Origin","*") res.end("恭喜访问成功") }) // 监听端口 server.listen(3000,function(err){ if(!err){ console.log("服务器启动成功"); console.log("http://127.0.0.1:3000"); } })
执行node,启动本地服务器!
在采用jquery里的get请求访问本地服务器
<script>
// 设计到跨域问题
// 判断是否同源 : 协议 http://域名:端口 是否一样
$.get("http://127.0.0.1:3000",function(res){
console.log(res);
})
</script>
由于本地服务器的端口和这个页面运行端口不一样,即两个端口不是同源,所以会出现跨域问题。就要在后台设置访问权限,由于只是本地服务器,自己用来进行代码尝试。
直接采用粗暴的方法res.setHeader("Access-Control-Allow-Origin","*") 设置所有人对该资源谁都可以用