尽可能简单的搭建一个前端静态服务器-CSDN博客

购买云服务器 (CentOS)

安装node环境在官网下载相应的tgr包

解压：tar -xvf node-v6.10.0-linux-x64.tar.xz
建立npm软链接：ln -s /app/software/nodejs/bin/npm /usr/local/bin/
建立node软链接：ln -s /app/software/nodejs/bin/node /usr/local/bin/
检测是否成功：node -v

注意：建立软链接的时候，请注意/app/software/nodejs/bin/npm需要替换成你的路径, node-v6.10.0-linux-x64.tar.xz版本号我们也可能不一致

安装nginx
参考：传送门
配置端口：
通常在/etc/nginx/conf.d目录下创建站点配置文件 xxx.conf，xxx通常为项目名称，代码如下：

  upstream xfyj {
    server 127.0.0.1:3000;  // 监听的端口
  }

  server {
    listen 3000;
    server_name 106.12.119.198;   // 云服务器公网ip

    location / {
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
      proxy_set_header X-Nginx-Proxy true;

      proxy_pass http://xfyj;
      proxy_redirect off;
    }
  }
复制代码

安装yarn：

curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo
yum install -y yarn

进入你的项目文件夹

安装express

yarn add express
安装失败可以尝试：yarn config set registry https://registry.npm.taobao.org
然后再次执行第一步

创建index.js 键入：

const express = require("express");
const app = express();
const history = require('connect-history-api-fallback');

app.use(history());
app.use("/",express.static(__dirname + "/static"));

app.listen(3000);
复制代码

端口号需要与nginx保持一致
由于我这个项目是vue单页应用，为了保证不同url均能访问对应路由，所以需要中间件'connect-history-api-fallback'

yarn add connect-history-api-fallback

通常在index.js同级目录下创建文件夹static, 把打包编译后的源码扔进去

安装pm2，并运行服务