使用Reactjs将后端链接到前端
我目前正在做一个项目,我必须创建一个已经存在的后端项目的前端,这个项目已经用Angular完成了前端,我正在尝试使用React做同样的事情,但是我不确定如何将前端与后端链接。使用Reactjs将后端链接到前端,reactjs,angular,token,Reactjs,Angular,Token,我目前正在做一个项目,我必须创建一个已经存在的后端项目的前端,这个项目已经用Angular完成了前端,我正在尝试使用React做同样的事情,但是我不确定如何将前端与后端链接。 这是从角度版本链接前后的环境代码 export const environment = { production: true, backendURL: 'http://127.0.0.1:7778/', authentification : { username: 'user', passwor
这是从角度版本链接前后的环境代码
export const environment = {
production: true,
backendURL: 'http://127.0.0.1:7778/',
authentification : {
username: 'user',
password: 'c000000f-00a9-00c6-aff0-7b66d975d000',
token: '##########################'
}
};
您可以使用axios获取数据,并发送希望获得响应的凭据 例如:
axios.get(backendURL, {
username: 'user',
password: 'c000000f-00a9-00c6-aff0-7b66d975d000',
token: '##########################'
})
要在前端和后端部件之间建立通信,可以使用:
- fetchjavascript本机函数如下所示:
- 使用npm包(如axios发出http请求:为此,请遵循以下示例:
我希望这能帮助解决您的问题。您的意思是想从react前端访问后端API?是的,确实如此,您对react感到满意吗?一个月前刚开始学习,我对它已经很熟悉了,您需要学习在react中使用rest API。这是我用作服务的代码,从'axios'const GET\u CUSTOMER\u DETAILS\u URL=''导入axios;类GetCustomerDetails{GetCustomerDetails(){return axios.get(get_CUSTOMER_DETAILS_URL);}}导出默认的新GetCustomerDetails();是的,并且此函数返回的结果是什么,请使用console.log显示函数内部发生的情况。加载资源失败:服务器以403()未捕获(承诺中)的状态响应错误:请求失败,在结算时状态代码403为createError(createError.js:16)在XMLHttpRequest.handleLoad(xhr.js:62)处(结算.js:17)这两个错误一件事是后端从wsdl文件中提取信息,因此您需要在后端部分将wsdl转换为json,并在将其实现到前端部分后使用Postman检查其是否正常工作。