Reactjs Build File不适用于cpanel

编程问答 2022-06-05

问题描述

我使用reactjs创建了一个Web应用程序。它发送一些请求到api.binance.com并获取。使用这样的代理可以解决跨源获取的问题：

在App.js中

var burl = '/api/';
var dataQueryString = 'recvWindow=20000&timestamp=' + Date.Now();
var keys = {
  'akey':'/****/','skey':'/****/',};
var endPoint = '/api/v3/account';
var signature = CryptoJS.HmacSHA256(dataQueryString,keys['skey']).toString(CryptoJS.enc.Hex);;
var url = burl + endPoint + '?' + dataQueryString + '&signature=' + signature;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.setRequestHeader('X-MBX-APIKEY',keys['akey']);
ourRequest.onload = function(){
  var ourData = JSON.parse(ourRequest.responseText);
  console.log('ourData:',ourData);
}
ourRequest.send();

然后我安装http-proxy-middleware npm并在src根目录中创建一个setupProxy.js文件：

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',createProxyMiddleware({
      target: 'https://api.binance.com',changeOrigin: true,logLevel : 'debug'
    })
  );
};

在localhost：3000中，一切都很好，并且可以按我预期的方式工作，也可以将http://localhost:3000/api/v3/account...替换为api.binance.com/api/v3/account...。

但是我建立了reactjs文件并在cPanel上解压缩，它不起作用，请求是https://app.mydomain.com/api/v3/account...并且根本没有替换。

我该怎么办？问题是不包含setupProxy.js文件的构建文件，或者我必须在cpanel中应用一些更改。也许我需要使用expressjs？请帮助我，我在这个问题上失去了很多天。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

apiapihttp-proxy-middlewarereactjsreactjsreactjsreactjs