关于react 在打包后：“找不到资源路径”的问题、部署到服务器二级目录 “打开为空白” 的问题

一、打包后 部署访问，报错404，找不到对应的main.js或main.css

• 参考stackoverflow上类似问题：
  

  1. 初次直接通过 npm run build打包react webapp后将文件夹build（通常改名为对应项目名称）整个部署到服务器，浏览器通过www.xxx.com/build/访问时，报错如下：
     

1.1 原因分析：

react打包后的项目默认是跑在服务器根目录的，当将打包后的项目放到次级目录下（如：myuser.github.io/myproject)时，自然就会提示404

---

注意create-react-app创建的项目中 public/index.html中注释所说：

<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
  Notice the use of %PUBLIC_URL%