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 启动的所有程序

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值