nodejs——关于jquery的put、delete ajax请求在后端无法解析请求变成options的解决办法

       情况介绍:node.js做后端服务器,3000的端口。前端浏览器是webstorm自带的63342端口。涉及到跨域访问。代码如下。

jquery:

   

写的一个通用函数
 
i
以上是前端代码。

当初是post和get方法都可以正常使用,如app.get和app.post这些都是可以的。但是如果换成app.put,则会提示options。如下图所示 请求方法是put


刚开始也很奇怪,明明请求的是put,为什么会变成options呢。后来通过查找资料(真的应该去国外网站
看看,比国内好很多)。告诉我——当执行put和delete等复杂请求的时候,浏览器会先发送一个options请求
给后端服务器。服务器如果同意,再发送put请求。因此我们需要做的就是先对options请求进行处理,这样
浏览器才会发送put请求。代码如下图。先判断是否为options请求。若是则加上跨域的代码。

以下例子可以看出确实浏览器发送了两个请求:options和put.
options:
put:

 
资料来源(特别感谢啊):
stackoverflow的解答
知乎网友的回答。
Node.js中使用axios请求接口以及拦截器的使用方法如下: 首先,需要安装axios模块: ``` npm install axios ``` 然后,在代码中引入axios模块: ```js const axios = require('axios'); ``` 接下来,可以使用axios发送GET、POST等请求: ```js axios.get('http://example.com/api') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); axios.post('http://example.com/api', {data: 'hello'}) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); ``` 当然,axios还支持一些其他的请求方法,比如PUT、DELETE等。 接下来,我们可以使用axios的拦截器对请求和响应进行处理。例如,我们可以在请求头中添加token: ```js axios.interceptors.request.use(config => { const token = localStorage.getItem('token'); if (token) { config.headers.Authorization = `Bearer ${token}`; } return config; }, error => { return Promise.reject(error); }); ``` 在上面的代码中,我们使用了axios的interceptors.request.use方法,它可以在请求被发送出去之前对其进行拦截处理。在这个例子中,我们将localStorage中存储的token添加到请求头中的Authorization字段中。 我们还可以使用axios的interceptors.response.use方法对响应进行处理。例如,我们可以检查响应状态码是否为401,如果是,则跳转到登录页面: ```js axios.interceptors.response.use(response => { return response; }, error => { if (error.response.status === 401) { window.location.href = '/login'; } return Promise.reject(error); }); ``` 在上面的代码中,我们使用了axios的interceptors.response.use方法,它可以在响应被接收之前对其进行拦截处理。在这个例子中,我们检查了响应状态码是否为401,并且在这种情况下跳转到登录页面。 以上就是在Node.js中使用axios请求接口及拦截器的使用方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值