Nginx发布Vue项目【 CentOs7,build打包】

13 篇文章 0 订阅

1、所有文章优先发表在个人博客,后续如果有修改的话,可能忘记更新到CSDN了,给你带来不便,抱歉。

2、个人博客本篇文章地址 : https://www.xdx97.com/article?bamId=651064809940320256

 

 

在 linux的nginx上发布vue。 需要两步操作

1、在linux安装 nginx  https://blog.csdn.net/Tomwildboar/article/details/84074095

2、打包你写的vue

    2-1:你最好是用  vue-cli 脚手架创建的项目,然后直接   npm run build,就会多一个 dist 文件夹。

    2-2:如果你不是用 vue-cli 创建的项目(我刚刚开始就是这样),那么请改成用 vue-cli 创建的项目  https://www.bilibili.com/video/av33699646?from=search&seid=6395201874121533638

 

这两步完成之后就很简单了。

1、把你刚刚打包好的 dist 上传到你的 linux 上,  那个位置你随意

2、找到你的 nginx,如果你是按照上面的方法按照的 nginx  请输入   

cd /usr/local/nginx/conf/
vim nginx.conf

1、保存退出

2、重启 nginx     /usr/local/nginx/sbin/nginx –s reload

3、访问你的 ip,前几次访问速度非常慢,之后就好很多。(但是手机访问还是特别慢)

希望可以帮到你。

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值