Vue项目部署的实现（阿里云+Nginx代理+PM2）-创新互联

最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。

先交代下在阿里云ECS里安装的部署环境：phpstudy（php调试运行大礼包，里面包含nginx、mysql等，还能监控端口占用情况）、pm2（node服务进程管理工具）、node、git等等。

部署过程

1. 拉去GitHub项目代码至root目录下（找到安装phpstudy的WWW目录），构建项目
2. 修改nginx-conf的代理配置、root项配置（指向项目项目的dist目录下）
3. 启动pm2（项目中，事先已写好服务端逻辑prod.server.js）
4. 启动phpstudy
5. 访问项目

构建项目

构建项目前，要修改项目confing目录下的index.js,主要是build部分的端口、目录，具体如下：

build: {
  port: 9001, // 因为我是用PHPStudy做web服务器的，此时php.cgi会占9000端口，所以改用9001
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),

  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '',
  .......
}