Question

上下文：我想将html文件加载到react应用程序中并在帮助窗口中显示它的一部分。可以随时通过某些内容生成器更新html文件，因此将其翻译成jsx并不是一种选择。

现在，我正尝试使用axios加载任何文件（包括json）并获得404响应。我将调用放入componentWillMount，componentDidMount等。我已经在项目中添加了toto.html和toto.json文件。我使用create-react-app

创建了该应用

import React, {Component} from 'react';
import axios from 'axios';

class  Toto extends Component {
componentWillMount  ()  {
    console.log("inside componentWillMount")
    axios 
        .get('./toto.json') 
        .then(response => 
            { console.log("json response=",response);  })
        .catch( error => {
            console.log("json error=",error);} );
    axios
        .get('./toto.html')
        .then(response => 
            { console.log("html response=",response);  })
        .catch( error => 
            { console.log("html error=",error);} );
    console.log("inside componentWillMount 2")
};
render() {
    return (
        <div>
            <h2>Toto TIti Tata</h2>
            <object type="text/html" data="./toto.html" ></object>
        </div>
    )
}};
export default Toto;

响应：

inside componentDidMount Toto.js:11
inside componentDidMount 2 Toto.js:30
html error= Error: "Request failed with status code 404"
createErrorhttp://localhost:3000/static/js/bundle.js:1555:15settlehttp://localhost:3000/static/js/bundle.js:1721:12handleLoadhttp://localhost:3000/static/js/bundle.js:1081:7 Toto.js:27
json error = Error: "Request failed with status code 404"

在反应中，axios系统返回404错误

0 个答案: