首页 > 系统服务 > 详细

linux vue项目+npm run build + nginx

时间:2018-09-12 18:37:57      阅读:531      评论:0      收藏:0      [点我收藏+]

系统

技术分享图片

环境

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

访问

技术分享图片

 

linux vue项目+npm run build + nginx

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!