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: '',
  .......
}

网页题目：Vue项目部署的实现（阿里云+Nginx代理+PM2）-创新互联
本文地址：http://cdxtjz.com/article/pgiis.html