Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Reactjs将后端链接到前端_Reactjs_Angular_Token - Fatal编程技术网

使用Reactjs将后端链接到前端

使用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

我目前正在做一个项目,我必须创建一个已经存在的后端项目的前端,这个项目已经用Angular完成了前端,我正在尝试使用React做同样的事情,但是我不确定如何将前端与后端链接。
这是从角度版本链接前后的环境代码

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检查其是否正常工作。