react 项目打包编译

肯定是npm run build了

然后会得到一个 build文件夹

asset-manifest.json  里面是打包好的各个文件名；

{
  "main.css": "static/css/main.de8768f6.css",
  "main.css.map": "static/css/main.de8768f6.css.map",
  "main.js": "static/js/main.997ce014.js",
  "main.js.map": "static/js/main.997ce014.js.map",
  "static/media/job.jpg": "static/media/job.74811b9a.jpg"
}

然后在服务端的server.js里 去利用express 放置静态资源路径；

//用express.static方法把静态资源放置进来服务端；path.resolve("build") 修正路径；
app.use("/",express.static(path.resolve("build")))

最后 增加中间件方式 控制  url地址最终去干嘛

//利用中间件拦截路由 改变最终执行路径；
app.use(function (req,res,next) {
    //定义路由 白名单 ，把静态资源放置进去；
    //如果url路径是/user或者/static 说明是 用户的请求 或者静态的资源，这样就还是执行原来的下一个方法
    if(req.url.startsWith("/user/")||req.url.startsWith("/static/")){
    return next();
    }
     //否则就去加载 静态资源路径了；
   return res.sendFile(path.resolve("build/index.html"));
});

    这样在9093 端口打开还是不行的,

因为属于在server/  这个目录下去启动的 后端；加载不到那个相对的路径；

所以要在外层的pageage.json里去启动脚本；

加一行脚本：

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom",
    "server": "nodemon server/server.js"
  },

npm  run server   就可以跑了；

至于上线 ：1，购买域名；

                   2，dns解析到你服务器的ip

                   3，安装nginx代理；

                   4，使用pm2来管理node进程；