Linux从零开始发布Vue项目（CenterOS7，含nginx配置）

朱雀 2021-01-19 09:16 698阅读 0赞

安装Nginx

- 安装各个依赖

yum install gcc-c++

yum install -y pcre pcre-devel

yum install -y zlib zlib-devel

yum install -y openssl openssl-devel

// 确保系统已经安装了wget，如果没有安装，执行 yum install wget 安装

wget -c https://nginx.org/download/nginx-1.12.0.tar.gz

tar -zxvf nginx-1.12.0.tar.gz

cd nginx-1.12.0

./configure

make

make install

- 查看nginx安装目录

whereis nginx

![](/images/1611047776265.png)

- 启动nginx（注意目录是你的安装目录）

cd /usr/local/nginx/sbin/

./nginx

- 使用浏览器访问个人服务器IP，出现Welcome to nginx则代表访问成功

\# 启动 ./nginx  # 停止 ./nginx -s stop  # 重启 ./nginx -s reload

- 设置开机自启

vim /etc/rc.local

- 按一下键盘insert键，在最后一行（touch /var/locak/sybsys/local）添加一行代码

/usr/local/nginx/sbin/nginx

![](/images/1611047744311.png)

- 按下esc键，再输入:wq （保存并退出，注意wq前面有个冒号）

nginx安装完毕

接下来新建项目文件夹

mkdir -p /project/web/vue/my-first-project

使用fileZilla软件上传打包后的文件到服务器

新建站点：

![](/images/1611047714121.png)

连接成功之后，从下面区域一次进入/project/web/vue/my-first-project

![](/images/1611047685913.png)

将vue打包后的dist文件夹拖入my-first-project文件夹

- 接下来配置nginx访问静态资源

cd /usr/local/nginx/conf

- 编辑配置文件

vim nginx.conf

- 将location / 内的root属性改为项目文件夹

![](/images/1611047642048.png)

注意：这里的vue-project-example是你的项目名称，我这里只是一个示例

按下esc，再按:wq保存并退出

重启nginx

../sbin/nginx -s reload

接下来在用浏览器访问服务器IP

搞定！！！

发表评论取消回复

表情：

评论列表（有 0 条评论，698人围观）

还没有评论，来说两句吧...

相关阅读

相关从零开始快速搭建一个vue项目

一、环境准备 node.js [node官网链接][node] 检查是否安装node.js,若未安装则去官网下载，安装完成后，在系统设置中配置node的环境变量，

﹏ヽ暗。殇╰゛Y/ 2024年03月22日 20:36/ 0 赞/ 94 阅读

相关从零开始配置 TypeScript 项目

关于作者本文出自于掘金的子弈，原文链接从零开始配置 TypeScript 项目。以下是他的一些不错的作品，感兴趣的可以阅读：面试分享：两年工作

你的名字/ 2022年11月25日 11:59/ 0 赞/ 215 阅读

相关 nginx 配置从零开始

作为一个 nginx 的初学者记录一下从零起步的点滴。基本概念 Nginx 最常的用途是提供反向代理服务，那么什么反向代理呢？正向代理相信很多大陆同胞都在这片神奇的土

ゝ一世哀愁。/ 2022年08月21日 06:37/ 0 赞/ 179 阅读

相关 nginx 配置从零开始

作为一个 nginx 的初学者记录一下从零起步的点滴。基本概念 Nginx 最常的用途是提供反向代理服务，那么什么反向代理呢？正向代理相信很多大陆同胞都在这片神奇的土

╰半夏微凉°/ 2022年08月08日 13:45/ 0 赞/ 188 阅读

相关 Centos7 从零配置Nginx+PHP+MySql

http://www.cnblogs.com/project/p/5133780.html 次玩次狠得。除了编译器使用yum安装，其他全部手动编译。哼~ 看

一时失言乱红尘/ 2022年07月17日 02:07/ 0 赞/ 156 阅读

相关从零开始配置Vue开发环境(Webpack)

实验环境 Node: V10.8.0, NPM:V6.3.0, Windows10 实验步骤初始化一个项目 `npm init` 安装w

刺骨的言语ヽ痛彻心扉/ 2022年05月15日 04:27/ 0 赞/ 252 阅读

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

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

梦里梦外;/ 2022年04月16日 02:08/ 0 赞/ 253 阅读

相关 vue-用Vue-cli从零开始搭建一个Vue项目

Vue是近两年来比较火的一个前端框架（渐进式框架）。 Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的

迷南。/ 2021年11月15日 12:52/ 0 赞/ 426 阅读

相关从零开始写项目【总结】

从零开发项目概述最近这一直在复习数据结构和算法，也就是前面发出去的排序算法[八大基础排序总结][Link 1]，[Java实现单向链表][Java]，[栈和队列就是这么

小灰灰/ 2021年09月30日 19:40/ 0 赞/ 484 阅读

相关 Linux从零开始发布Vue项目（CenterOS7，含nginx配置）

安装Nginx 安装各个依赖 yum install gcc-c++ yum install -y pcre pcre-devel yum instal...

朱雀/ 2021年01月19日 09:16/ 0 赞/ 699 阅读