react部署到阿里云

方法一：serve：

以react项目为例，用create-react-app创建项目，省略开发过程

1. npm run build 生成一个文件夹 build
2. 使用FTP工具传上去，切记要放到服务器的根目录下
3. 进入build文件夹cd /build，然后启动serve -s，命令行会告诉你链接

4. 去浏览器把图里的on your network后面的链接输入，就能看到了。

方法二： nginx：

安装nginx后，加自定义配置 cd /etc/nginx/ mkdir vhost cat blog.conf 在这个配置文件中写自己的配置：

server {
   listen      3000;
   server_name  localhost;
   root /usr/local/goProject/frontend/;
   location / {
      try_files $uri @fallback;
   }
   location @fallback {
     rewrite .* /index.html break;
   }
   error_page   500 502 503 504  /50x.html;
   location = /50x.html {
     root   html;
   }
}

把这个vhost文件夹下的所有配置都加入到默认配置文件中： vi /etc/nginx/nginx.conf 把这行加进去include /etc/nginx/vhost/*.conf; 然后重启nginx

总结

虽然都能访问，但是nginx才是持久的，不过这个配置不太好整，每修改一次记住就去重启一下nginx看看生效了没。