axios获取本地json数据,Axios无法从本地json文件获取数据

I am using axios library for fetching data from the local json file but when i make get request it gives me error 404 not found.

Here is my file structure.

and i am using this code for fetching the data.

import React from 'react';

import axios from 'axios';

class Login extends React.Component{

constructor() {

super();

this.handleSubmit = this.handleSubmit.bind(this);

this.state = { username: null, password: null };

}

handleSubmit = (e)=>{

e.preventDefault();

var username=e.target.username.value;

var password=e.target.password.value;

axios.get('../data.json')

.then((res)=>{

console.log(res.data);

}).catch((err)=>{

console.log(err);

})

}

render(){

return(

Login!

);

}

}

export default Login;

How do i solve this issue??

解决方案

If you created this file structure using create-react-app command you have to add your json files into public folder. then change your axios path like bellow

handleSubmit = (e)=>{

e.preventDefault();

var username=e.target.username.value;

var password=e.target.password.value;

axios.get('./data.json')

.then((res)=>{

console.log(res.data);

}).catch((err)=>{

console.log(err);

})