浏览器报错:net::ERR_FAILED ajax访问服务器JSON数据时的跨域问题

在这里插入图片描述

原因:

在于当我们请求ajax请求时候,get的地址可能是3000端口,但是index.html页面启动时候所在的端口与3000端口不在同一端口中,服务器会自动禁止这一请求行为。

解决:

这时候需要在项目根目录安装第三方包

npm i cors -S

然后在app.js+

var cors = require("cors"); 

app.use(cors({
  methods: ["GET", "POST"],
  alloweHeaders: ["Content-Type", "application/json;charset=utf-8;application/x-www-form-urlencoded"]
}));

搞定

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值