ajax跨域问题

最新推荐文章于 2025-12-05 11:24:16 发布

原创最新推荐文章于 2025-12-05 11:24:16 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #ecmascript

go 同时被 3 个专栏收录

6 篇文章

订阅专栏

go问题

4 篇文章

订阅专栏

beego网易云API调用

2 篇文章

订阅专栏

在上线测试时遇到跨域问题，通过在前端 $.ajax 设置 'Access-Control-Allow-Origin':'*' 和后台响应头中添加相应设置来解决。前端代码修改了 AJAX 请求，后台使用 Go 语言设置响应头允许所有来源。问题得到解决，服务恢复正常。

   [项目部署地址](http://www.ilovey.ink:9091/)
   在本地测试的时候没有发现这样的问题，等到发布服务测试是就出现了跨域问题，改造后代码如下:

$.ajax({
            url: "xxx",
            type: "post",
            data: {"novel": text, "type": type},
            dataType: "json",
            headers: {
                        "Access-Control-Allow-Origin": "*", //这个必须要有
                      },
            success: function (novels,status) {
                for (var k = 0; k < novels.length; k++) {
                    html += "<tr class='odd gradeX'>"
                    html += "<td class='center'>" + novels[k].Id + "</td>"
                    html += "<td class='center'>" + novels[k].Novelname + "</td>"
                    html += "<td class='center'>" + novels[k].Author + "</td>"
                    html += "<td class='center'>" + novels[k].Type + "</td>"
                    html += "<td class='center'>" + novels[k].Status + "</td>"
                    html += "<td class='center'>" + novels[k].Updatetime + ""
                    html += "<td class='center'><a class='test' href='" + novels[k].Download + "'>下载<span style='display: none'>" + novels[k].Novelname + "</span></a></td>"
                    html += "</tr>"
                }
                Odiv.innerHTML = html
            },
            error: function (e) {
             //window.clearInterval(timer);
            }
        });

后台代码

c.Ctx.ResponseWriter.Header().Set("Access-Control-Allow-Origin", "*")
//c.Ctx.ResponseWriter.WriteHeader(200)
c.Ctx.ResponseWriter.Header().Set("Access-Control-Allow-Headers", "Content-Type")
c.Ctx.ResponseWriter.Write(n)