Vue 项目部署到阿里云服务器（Nginx 代理）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/huatian5/article/details/85917416

1.本地打包

首先，要将本地 config/index.js 中的 assetsPublicPath: '/', 改为 assetsPublicPath: './', ，否则在会导致部署后网页无法显示

然后 cnpm run build 打包生成 dist 文件夹

2.安装 Nginx

安装 epel （为 CentOS、Scientific Linux 提供高质量软件开发包）

yum -y install epel-release

安装 Nginx

yum install nginx

3.安装 node

yum install nodejs

安装 pm2（node 进程管理工具）

npm install -g pm2

4.上传

将 package.json 和 /dist 中的文件（/static、index.html）上传到 /var/www/项目名/

scp 本地文件 xxx@xxx:/var/www/项目名/

然后 npm install 安装依赖包

5.配置、启动

vi /etc/nginx/nginx.conf

		root         /var/www/项目名;
		location / {
            root /var/www/项目名;
            index index.html;
        }

        location /api {
            rewrite ^.+api/?(.*)$ /$1 break;
            proxy_pass http://IP:8080;
        }

重启 Nginx

nginx -c /etc/nginx/nginx.conf

然后在 /var/www/项目名 内 pm2 start dist 启动程序
可以 pm2 list 查看 pm2 启动的所有程序