Javascript 我如何确保我的AJAX调用来自同一个域和端口到Avoid access control allow origin header问题？

我已经阅读了关于Access Control Allow Origin的几乎所有内容，我似乎无法确保这个AJAX请求来自与服务器相同的端口号和域。这是我的javascript：

alert（'JS链接到页面！'）；
功能文章（id=1，title=“”，authors=“”，content=“”，genre=“”，date=1497484623）{
log（“JavaScript文件加载成功”）；
var self=这个；
self.Id=Id；
self.Title=标题；
self.Authors=作者；
内容=内容；
自我体裁=体裁；
self.Date=日期；
self.Save=function（）{
变量设置={
网址：'http://localhost/articles/addArticle',
方法：“POST”，
数据类型：“json”，
发送前：函数（xhr）{
setRequestHeader（“接受”、“应用程序/json”）；
}
};
var myData={
“Id”：self.Id，
“头衔”：自我，头衔，
“作者”：自我，作者，
“内容”：自我。内容，
“体裁”：自我体裁，
“日期”：self.Date
};
settings.data=myData；
$.ajax（设置）.done（函数（文章）{
var myArticle=新文章（Article.Id、Article.Title、Article.Authors、，
文章.内容，文章.体裁，文章.日期）；
});
};
}
函数addArticle（Article）{
警报（“addArticle已激活”）；
变量设置={
网址：'http://localhost/articles/addArticle',
方法：“POST”，
数据类型：“json”，
发送前：函数（xhr）{
setRequestHeader（“接受”、“应用程序/json”）；
}
};
var myData={
“标题”：文章标题，
“作者”：文章作者，
“内容”：文章内容，
“体裁”：文章体裁，
“日期”：文章日期
};
settings.data=myData；
$.ajax（设置）.done（函数（文章）{
var myArticle=新文章（Article.Id、Article.Title、Article.Authors、Article.Content、，
文章。体裁，文章。日期）；
console.log（“创建的物品”）；
});
}
$（文档）.ready（函数（）{
$（文件）。关于“提交”、“添加文章”，功能（e）{
e、 预防默认值（）；
警报（“提交激活”）；
变量标题、作者、类型、内容；
title=$（“#title”）.val（）；
导演=$（“#作者”）.val（）；
评级=$（“#流派”）.val（）；
notes=$（“#内容”）.val（）；
var myArticle=新文章（0，标题，作者，类型，内容，1497484623）；
警报（myArticle.Title）；
addArticle（我的文章）；
$（“#添加文章”）[0]。重置（）；
$（“#title”）.focus（）；
});
});

网站url是

http://localhost

？您提出此请求的站点是否正在运行

http://localhost

？您是否尝试过使用相对路径（

url:'articles/addArticle'

）？@James-Uh，localhost是您在计算机上本地运行东西的方式。同样，正如问题中所指出的，我已经用postman成功地访问了这个端点，并用这种方式用数据填充了我的mongo集合。从前端看，它似乎不喜欢它，因为它将它解释为好像它来自不同的域。@Arman我可以尝试使用相对路径，但因为它是在本地托管的，所以就我所知，localhost是答案。过去，我在其他项目中成功地完成了这项工作。