Open jtwang7 opened 2 years ago
参考：create-react-app中使用axios请求本地json文件
React 中请求本地资源，在项目通过 npm start 启动后，无法成功请求。通过 debug 定位发现请求的路径存在问题。
npm start
在 React 中请求本地资源时，必须把静态文件放到 public 下才可以请求到。这是因为 axios 请求配置的实际根路径(baseURL)是 http://localhost:3000，项目启动后，axios 会在该根路径的基础上拼接静态资源的路径信息。假设 axios 配置如下：
http://localhost:3000
axios.get('./data/xxx.csv', { baseURL: 'http://localhost:3000', })
那么最终请求静态资源的路径为 http://localhost:3000/data/xxx.csv，而该路径对应的就是 react 项目中的 public 文件夹所在路径。
http://localhost:3000/data/xxx.csv
项目启动后的根目录对应 public 文件夹路径
参考：create-react-app中使用axios请求本地json文件
问题描述
React 中请求本地资源，在项目通过
npm start启动后，无法成功请求。通过 debug 定位发现请求的路径存在问题。解决方法
在 React 中请求本地资源时，必须把静态文件放到 public 下才可以请求到。这是因为 axios 请求配置的实际根路径(baseURL)是
http://localhost:3000，项目启动后，axios 会在该根路径的基础上拼接静态资源的路径信息。假设 axios 配置如下：那么最终请求静态资源的路径为
http://localhost:3000/data/xxx.csv，而该路径对应的就是 react 项目中的 public 文件夹所在路径。