React项目打包后运行报错，图片加载不出来的问题

React项目打包后在浏览器进行运行时出现404之类找不到图片的错误，图片加载不出来的问题一般都是由于路径设置不准确导致的。

1.首先你需要修改一行代码
进到你的react目录下 > node_modules > react-scripts > config > paths.js

function getServedPath(appPackageJson) {
  var publicUrl = getPublicUrl(appPackageJson);
  var servedUrl = envPublicUrl || (
    publicUrl ? url.parse(publicUrl).pathname : '/'   //把'/'修改为'./'
  );`

2.然后进行打包过程：
npm run build 或者是 yarn run build
打包后生成一个build文件夹。

3.放入路径：
我把build文件夹放在了根目录下，也就是你localhost的目录下，同时json数据我用了一个api文件夹，把他和build放在同一目录下。简单来说就是把build文件夹和你的数据文件夹放在同一目录中。