linux vue项目+npm run build + nginx

时间:2018-09-12 18:37:57   收藏:0   阅读:533

系统

技术分享图片

环境

vue   nginx

步骤

1、打包vue项目

2、配置nginx

打包vue项目

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

技术分享图片

2、打包

# npm run build

技术分享图片

打包成功会创建dist目录

技术分享图片

 3、上传到服务器  

技术分享图片

配置nginx

 1、进入nginx

技术分享图片

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

# cp  default.conf fengtao.conf

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

技术分享图片

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

技术分享图片

4、防火墙开启端口

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

# systemctl  restart firewalld.service   // 重启firewall

访问

技术分享图片

 

原文:https://www.cnblogs.com/shuangzikun/p/linux_vue_build.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!