【问题标题】:link backend to frontend using Reactjs使用 Reactjs 将后端链接到前端
【发布时间】:2021-04-30 09:46:03
【问题描述】:

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

export const environment = {
  production: true,
  backendURL: 'http://127.0.0.1:7778/',
  authentification : {
    username: 'user',
    password: 'c000000f-00a9-00c6-aff0-7b66d975d000',
    token: '##########################'
  }
};

【问题讨论】:

  • 你的意思是你想从react前端访问后端API?
  • 是的,就是这样
  • 你对 react 满意吗?
  • 1个月前才开始学习,我已经熟悉了
  • 好的,你需要学习在react中使用rest API。

标签: reactjs angular token


【解决方案1】:

您可以使用 axios 获取数据并发送您想要获得响应的凭据。

例子:

axios.get(backendURL, {
    username: 'user',
    password: 'c000000f-00a9-00c6-aff0-7b66d975d000',
    token: '##########################'
  })

【讨论】:

    【解决方案2】:

    要建立前端和后端部分之间的通信,您可以使用:

    • fetch javascript 原生函数,请遵循以下示例:fetch-example
    • 使用像 axios 这样的 npm 包发出 http 请求:为此,请遵循以下示例:axios example

    我希望这可以解决您的问题。

    【讨论】:

    • 这是我用作服务的代码 import axios from 'axios' const GET_CUSTOMER_DETAILS_URL = '127.0.0.1:7778/api/v1/…';类 GetCustomerDetails { getCustomerDetails(){ return axios.get(GET_CUSTOMER_DETAILS_URL); } } export default new GetCustomerDetails();
    • 是的,这个函数返回的结果是什么,使用console.log来显示你的函数内部发生了什么。
    • 加载资源失败:服务器响应状态为 403 () Uncaught (in promise) 错误:在结算 (settle. js:17) 在 XMLHttpRequest.handleLoad (xhr.js:62) 这两个错误
    • 一件事,是后端正在从 wsdl 文件中提取信息
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-10-24
    • 1970-01-01
    • 1970-01-01
    • 2019-11-14
    • 1970-01-01
    • 2021-05-02
    • 1970-01-01
    相关资源
    最近更新 更多