在我的react应用程序中,我有一个组件,它有一个文件下载按钮,用于下载来自后端的文件。我正在使用AXIOS进行AJAX调用。问题是,下载文件后,文件已损坏。我正在下载png 文件和 pdf 文件。当我打开下载的图像时,它说它损坏了,下载的只显示白色背景。如何正确下载文件?
**构成部分:**
import API from "../../api/api";
class DocumentsTable extends React.Component {
constructor(props) {
super(props);
this.state = {
我正在使用React / Hooks前端上的axios来发出get请求,使用rails后端的种子数据填充我的react GoogleMap/api GoogleMaps标记组件。当我让rails服务器运行时,服务器重复进行此调用。
下面的行将在循环中调用axios.get:
React.useEffect(() => {
// Get Coordinates from api
// Update Coordinates in state
axios.get('/api/v1/coordinates.json')
我正在创建一个函数,按钮点击后创建和下载一个pdf文件。我使用express作为后端,react/readux/axios作为前端。
我的后端运行在与前端不同的端口上。
所以我用axios调用API,然后快速创建pdf并用sendFile响应。
当用postman测试我的post请求时,一切都很好。
当我在我的react应用程序中使用它时,没有下载该文件
快递
router.post('/', function( req, res, next){
var data = req.body.data
options = {};
// init html string
var h
我正在设置React (www.mysite.com)和Rails API (api.mysite.com)应用程序。当我使用相同的URL名称时,所有内容都按预期的方式工作,但是当URL名称不同时,web浏览器不会设置site。当然,随着cookie的缺失,CSRF验证也失败了。因此,例如,如果SPA在localhost上运行,Rails API应用程序在localhost:3000上运行良好,那么问题只是当我使用预期的DNS名称时。
听起来像个CORS问题,但我已经找不到很多天了,…
这是我的配置:
Rails方面,我使用的是rack-cors红宝石。
配置/初始化器/cors.rb
Ra
我对Rails相当陌生,尽管我通常了解Rails的结构/工作原理。附带注意,我在这里的目标是在views/home/application.html.erb中有一个javascript导入标记,它将导入一个单独的React文件,然后将我的其余组件导入到一个树状结构中。由于我有使用Express的经验,所以我已经习惯了这种方法,所以请告诉我这不是用Rails做事情的标准方法。
然而,我目前面临的问题是,我不能/不知道如何让我的Rails控制器发送我的实例变量作为对axios请求的响应。我希望我的浏览器可以使用console.log('TESTING MY RAILS ROUTE'
我有一个应用程序,它是Springboot后端和reactJs前端。我能够通过应用程序和邮递员成功地在我的本地主机上下载一个excel工作簿,没有任何错误,但是当我在服务器上测试应用程序时,我得到一个错误,即file format or extension is not valid.。
另外,当我使用postman测试应用程序时,实际的url会得到200个响应,但实际上什么都没有返回。
我正在使用axios并在上阅读。
在后端,使用Apache将excel工作簿放在一起。
后端响应实体如下所示
return ResponseEntity
.ok()
我有view.js文件,其中我显示每个客户的id详细信息。我有带有MYSQL数据库的nodejs后端。我想下载这些细节作为pdf文件与下载按钮。
PS:我刚接触过reactjs和nodejs。
下面是我的view.js代码
import React, {useState, useEffect} from 'react';
import { useParams, Link } from 'react-router-dom';
import axios from 'axios';
import Moment from 'moment'
我试图从一个对象在页面上显示API数据。
我试图在CamperList文件中显示来自camperlist.js变量的数据,但我遇到了麻烦。
我将从用于检索API的每个文件中粘贴代码。
下面是来自camperlist.js文件的代码:
import React from 'react';
import CamperListItem from './camper_list_item.js'
//This is where the data is being pulled from VVVV
const CamperList = (props) => {