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

朱雀 2021-01-19 09:16 714阅读 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 条评论，714人围观）

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

相关阅读

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

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

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

相关基于vue的移动端项目--从零开始

> 本篇文章主要是基于vue开发一个移动app,类似于今日头条，那么如何从无到有呢？注：主要写思路，具体到代码不做过多赘述 > 1.我得先知道项目是什么类型的，是pc端是移动

矫情吗；*/ 2023年10月04日 15:23/ 0 赞/ 24 阅读

相关从零开始 Nginx 交叉编译

交叉编译工具链： arm-poky-linux-gnueabi-gcc ./configure --prefix=/home/chad/Documents/nginx

红太狼/ 2023年02月12日 14:22/ 0 赞/ 41 阅读

相关从零开始配置 TypeScript 项目

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

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

相关 nginx 配置从零开始

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

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

相关 nginx 配置从零开始

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

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

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

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

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

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

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

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

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

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

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

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

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

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