个人中心
gpt4 book ai didi

javascript - Axios 将 index.html 内容返回给前端(React.js)

转载 作者：行者123 更新时间：2023-12-03 07:13:12 24 4
gpt4 key购买 nike

我正在尝试构建一个 Web 应用程序，其中我使用 React.js 作为前端，使用 Flask 作为后端。我尝试通过在 React 中声明代理服务器和在 Flask 中声明 CORS 来在前端和后端之间建立连接。它在开发环境中运行良好。但是，当我尝试在 Heroku 上部署相同的代码时，来自前端的任何请求都只会返回 index.html 垃圾。我在某处读到代理仅用于开发建议，在生产中不起作用。我可以尝试使用其他任何方法来完成这项工作吗？
下面是 axios 返回的数据示例 -

<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><link href="/static/css/main.43a4cdf3.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,i,p=t[0],f=t[1],l=t[2],c=0,s=[];c<p.length;c++)i=p[c],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(a&&a(t);s.length;)s.shift()();return u.push.apply(u,l||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,p=1;p<r.length;p++){var f=r[p];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={1:0},u=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/";var p=this["webpackJsonpspotify-web-api"]=this["webpackJsonpspotify-web-api"]||[],f=p.push.bind(p);p.push=t,p=p.slice();for(var l=0;l<p.length;l++)t(p[l]);var a=f;r()}([])</script><script src="/static/js/2.7cb26d15.chunk.js"></script><script src="/static/js/main.2874591b.chunk.js"></script></body></html>
Axios 获取请求 - 
  return new Promise((resolve, reject) => {
    axios
      .get('/auth/redirect')
      .then(res => resolve(res.data), err => reject(err));
  });

最佳答案

所以我在调试时发现应用程序正在代理自己，并且所有请求都被重定向到客户端。我后来改变了我的 Axios 电话

 return new Promise((resolve, reject) => {
    axios
      .get(base_server_url+'/auth/redirect')
      .then(res => resolve(res.data), err => reject(err));
  });
它奏效了!

关于javascript - Axios 将 index.html 内容返回给前端(React.js)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62688119/

24 4 0
文章推荐： javascript - Puppeteer 通过 IP 连接
文章推荐： javascript - 尝试用responseText替换行的innerhtml
文章推荐： javascript - 在 HTML 上提交时防止刷新
文章推荐： javascript - embed.fields[1].value : Must be 1024 or fewer in length. embed.fields[2].value: 长度必须为 1024 或更少
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com