跨域解决方案cors（nginx跨域解决方案）



由于get和post请求类似，原生代码相比jQuery复杂一些：原生代码演示get请求 jquery演示get和post请求

代码中会出现node.js的相关代码，比如express框架，对node.js不熟悉的同学可以先注重前端代码
前端代码：

服务端代码

先了解一下jQuery中AJAXGET请求和POST请求语法：

1. get 请求
   $.get(url, [data], [callback], [type])
   url:请求的 URL 地址。
   data:请求携带的参数。
   callback:载入成功时回调函数。
   type:设置返回内容格式，xml, html, script, json, text，_default。
   
   
   
   
   
   
   
   
   
   
   
   
   
   
2. post 请求
   $.post(url, [data], [callback], [type])
   url:请求的 URL 地址。
   data:请求携带的参数。
   callback:载入成功时回调函数。
   type:设置返回内容格式，xml, html, script, json, text,
   
   
   
   
   
   
   
   
   
   
   
   
   
   

服务端代码：

这里使用app.all()使得所有请求方法都可以访问

跨域问题：当我们的浏览器从一个域名的网页去请求另一个域名的资源时，其中域名、端口、协议任一不同，都是属于跨域

示范例子
前端请求代码如下 ：

服务端我介绍两种简单且效率极高的方法解决跨域问题

1.在服务端设置header

2.使用中间件cors

这里给大家具体讲一下cors中间件使用步骤
1.在终端使用 npm i cors 命令下载这个中间件
2.使用require导入cors中间件：const cors=require(“cors”)
3.用app.use()方法注册中间件：app.use(cors()) 注意：这个注册方法一定要写在在配置路由之前

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/rfx/46301.html