系统

linux vue项目+npm run build + nginx Linux 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

环境

vue   nginx

步骤

1、打包vue项目

2、配置nginx

打包vue项目

1、项目配置   我们使用服务器的8000端口

linux vue项目+npm run build + nginx Linux 第2张

2、打包

# npm run build

linux vue项目+npm run build + nginx Linux 第3张

打包成功会创建dist目录

linux vue项目+npm run build + nginx Linux 第4张

 3、上传到服务器  

linux vue项目+npm run build + nginx Linux 第5张

配置nginx

 1、进入nginx

linux vue项目+npm run build + nginx Linux 第6张

2、复制默认的配置文件default.conf  -> fengtaoconf

# cp  default.conf fengtao.conf

# vim fengtao.conf   修改端口 和 路径

linux vue项目+npm run build + nginx Linux 第7张

3、有的服务器还需控制台开启端口

linux vue项目+npm run build + nginx Linux 第8张

4、防火墙开启端口

# firewall -cmd  --zone=public  --add-port=8000/tcp -permanent    //开启端口

# systemctl  restart firewalld.service   // 重启firewall

访问

linux vue项目+npm run build + nginx Linux 第9张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄