linux npm run build,linux vue项目+npm run build + nginx

系统

b6b72a9941316169ed02772e792990a0.png

环境

vue   nginx

步骤

1、打包vue项目

2、配置nginx

打包vue项目

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

fd6d151929446bce0d8fc24db4fd540f.png

2、打包

# npm run build

88f9f0fc90f694119b93b267da1b868b.png

打包成功会创建dist目录

c2ecd5fa44ce0c72f4240c6e6ad475e8.png

3、上传到服务器

a685e08249029688e93fbdbba3b1ee05.png

配置nginx

1、进入nginx

091fe556b29075e140194f12b38798fc.png

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

# cp  default.conf fengtao.conf

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

b0ea305a1433b6f2b0914069ef7fea07.png

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

6d90abcfa5eac6b54478dfb703aad12c.png

4、防火墙开启端口

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

# systemctl  restart firewalld.service   // 重启firewall

访问

5019a688875af36b0a03b35a6522f703.png

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值