我遇到了一个非常奇怪的问题。
因此,我正在一个网站上工作,该网站的标题包含指向职位列表的链接。 这是链接-
<Link to={{ type: "JOBLIST", payload: { status: this.props.pageStatus=="active" ? "active" : "inactive", page: 0, count: 5 } }} name="jobs" >Job Openings</Link>
点击此链接可发起在相应路线的Thunk中编写的Api呼叫-
JOBLIST : {
path : '/jobs',
thunk : async (dispatch, getState)=>{
if(getState().location.payload.status != undefined){
var status = getState().location.payload.status;
}
else{
var status = getState().joblistmetadataReducer.pageStatus;
}
var start = getState().joblistmetadataReducer.start;
var count = getState().joblistmetadataReducer.count
var urll = "localhost:8000/api/job/list"
}
})
axios({
method: 'POST',
url: urll,
data : {
"status" : status,
"start" : start*count,
"count" : count
}
}).then(resp=>{
if(resp.status == 200 && resp.data.responseCode == 1003){
return window.location.href = api_url + '/login'
}
console.log("resp in joblist thunk"+ JSON.stringify(resp));
if(resp.status == "200" && resp.data.responseCode == "1000"){
dispatch ({
type: "joblist",
payload : {
job_list : resp.data.joblist,
jobLength : resp.data.joblistLength,
}
});
}
if(resp.status == 403){
dispatch({type : "NOACCESS403"})
}
}).catch(err=>{
const action = redirect({type : "NOACCESS403"})
dispatch(action)
})
}
},
现在正在发生的事情
标头中的引荐来源网址设置为“ localhost:8000 / jobs”,而不是“ localhost:8000 / api / job / list”。
如果我在POSTMAN中点击了相同的api,则引荐网址设置为“ localhost:8000 / api / job / list”。
我不明白为什么两种情况下的引荐来源都不同。 还有如何使我的Web应用程序将引用发送为“ localhost:8000 / api / job / list”。
我已经在网上对引荐来源进行了很多研究。无论是MDN文档还是其他Stackoverfow帖子。我可以从那里得到的是-
引荐来源网址包含来自上次访问的来源的网址。而且,无法通过现有的引荐来源进行调整。那么,如何使我的应用发送正确的引荐来源?