js ajax 前端跨域问题最简单的解法

本文介绍了如何通过Nginx配置解决前端JavaScript AJAX跨域问题。只需在前端请求URL中添加子域名'api',并在Nginx配置中设置代理转发到后台实际接口,无需修改后台代码。通过添加特定的Nginx配置,允许跨域并设定Access-Control-Allow-*头,实现一次设置,永久有效。
摘要由CSDN通过智能技术生成

采用nginx转发端口就行了,跨域请求后台时,只要在接口前加 api这个子母(即下面代码中的api,可自行更改),不影响后台接口,不用改后台接口。例如后台接口为 /robot/getAll,跨域请求时,只需要这样写:/api/robot/getAll。一次设置,永久有效。

前端代码:假设nginx服务器ip为123.123.123.123,端口为12004

    $.ajax({type:"GET",

    async:true,

    dataType: 'json',  

    url:"http://123.123.123.123:12004/api/robot/another...", //这里的api是必须的,服务器IP为123.123.123.123

    crossDomain: true,  

    processData: false,//用于对data参数进行序列化处理 这里必须false

    contentType: false, //必须

    complete: function(result, a,b,c,d){

        console.log('complete result', result, a,b);

    },

    success: function(result){

        console.log('success result', result);

    },

    error:function(result, a,b){

        console.log('error re

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值