react.js react-router关于服务器部署问题？

Question

我在本地把项目build之后，怎么样在服务器上部署？我现在把build文件夹拖到服务器上之后，如果用serve -s 会报

const { coroutine } = require('bluebird')
      ^

SyntaxError: Unexpected token {
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Object.Module._extensions..js (module.js:417:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Function.Module.runMain (module.js:442:10)
    at startup (node.js:136:18)
    at node.js:966:3
    

请问这个错误是什么意思？应该怎么部署？

Answer 1

var Promise = require("bluebird");
Promise.coroutine(function* (val) {
    ...
    ...
});

部署问题：
单页面应用应该放到nginx或者apache、tomcat等web代理服务器中，同时要根据 自己服务器的项目路径 更改react的路由地址。
如果说项目是直接跟在域名后面的，比如:http://www.sosout.com ，根路由就是 '/'。
如果说项目是直接跟在域名后面的一个子目录中的，比如:http://www.sosout.com/children ，根路由就是 '/children '，不能直接访问index.html。

以配置Nginx为例，配置过程大致如下：
（假设：
1、项目文件目录： /mnt/html/reactAntd（reactAntd目录下的文件就是执行了npm run dist 后生成的antd目录下的文件）
2、访问域名：antd.sosout.com）
进入nginx.conf新增如下配置：

server {
    listen 80;
    server_name  antd.sosout.com;
    root /mnt/html/reactAntd;
    index index.html;
    location ~ ^/favicon\.ico$ {
        root /mnt/html/reactAntd;
    }

    location / {
        try_files $uri $uri/ /index.html;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto  $scheme;
    }
    access_log  /mnt/logs/nginx/access.log  main;
}

注意事项：
1、配置域名的话，需要80端口，成功后，只要访问域名即可访问的项目
2、如果你使用了react-router的browserHistory 模式，在nginx配置还需要重写路由：

server {
    listen 80;
    server_name  antd.sosout.com;
    root /mnt/html/reactAntd;
    index index.html;
    location ~ ^/favicon\.ico$ {
        root /mnt/html/reactAntd;
    }

    location / {
        try_files $uri $uri/ @fallback;
        index index.html;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto  $scheme;
    }
    location @fallback {
        rewrite ^.*$ /index.html break;
    }
    access_log  /mnt/logs/nginx/access.log  main;
}

为什么要重写路由？因为我们的项目只有一个根入口，当输入类似/home的url时，如果找不到对应的页面，nginx会尝试加载index.html，这是通过react-router就能正确的匹配我们输入的/home路由，从而显示正确的home页面，如果browserHistory模式的项目没有配置上述内容，会出现404的情况。

Answer 2

const coroutine = require('bluebird').coroutine

Answer 3

require('bluebird').coroutine 百度查一下信息