Vue 項目部署到阿里雲服務器（Nginx 代理）

查看 linux 服務器版本號

lsb_release -a

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 啓動的所有程序