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

梦里梦外; 2022-04-16 02:08 297阅读 0赞

> 1、所有文章优先发表在个人博客，后续如果有修改的话，可能忘记更新到CSDN了，给你带来不便，抱歉。
> 
> 2、个人博客本篇文章地址 ： [https://www.xdx97.com/article?bamId=651064809940320256][https_www.xdx97.com_article_bamId_651064809940320256]

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

### 1、在linux安装 nginx  [https://blog.csdn.net/Tomwildboar/article/details/84074095][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][https_www.bilibili.com_video_av33699646_from_search_seid_6395201874121533638]

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70][]

**1、保存退出**

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

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

**希望可以帮到你。**

[https_www.xdx97.com_article_bamId_651064809940320256]: https://www.xdx97.com/article?bamId=651064809940320256
[https_blog.csdn.net_Tomwildboar_article_details_84074095]: https://blog.csdn.net/Tomwildboar/article/details/84074095
[https_www.bilibili.com_video_av33699646_from_search_seid_6395201874121533638]: https://www.bilibili.com/video/av33699646?from=search&seid=6395201874121533638
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20220416/1c84ec2bcc2c4f658892c294f75e88fa.png