CentOS7 安装nginx部署vue项目

简单描述:代码开发完了,需要环境来运行测试。服务器上没有nginx,搞起搞起。
  1. 在Centos下,yum源不提供nginx的安装,可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法,**以下命令均需root权限执行**:

  2.  

    首先安装必要的库(nginx 中gzip模块需要 zlib 库,rewrite模块需要 pcre 库,ssl 功能需要openssl库)。选定**/usr/local**为安装目录,以下具体版本号根据实际改变。

安装:1.安装gcc gcc-c++(如新环境,未安装请先安装)  $ yum install -y gcc gcc-c++2.安装PCRE库  1.  $ cd /usr/local/  2.  $ wget http://jaist.dl.sourceforge.net/project/pcre/pcre/8.33/pcre-8.33.tar.gz  3.  $ tar -zxvf pcre-8.33.tar.gz  4.  $ cd pcre-8.33  5. $ ./configure  6.  $ make && make install  如报错:configure: error: You need a C++ compiler for C++ support  解决:yum install -y gcc gcc-c++3.安装SSL库  1.  $ cd /usr/local/  2.  $ wget http://www.openssl.org/source/openssl-1.0.1j.tar.gz  3.  $ tar -zxvf openssl-1.0.1j.tar.gz  4.  $ cd openssl-1.0.1j  5. $ ./config  6.  $ make && make install4.安装zlib库存  1.  $ cd /usr/local/  2.  $ wget http://zlib.net/zlib-1.2.11.tar.gz  3.  $ tar -zxvf zlib-1.2.11.tar.gz  4.  $ ./configure  5.  $ make && make install5.安装nginx  1.  $ cd /usr/local/  2.  $ wget http://nginx.org/download/nginx-1.8.0.tar.gz  3.  $ tar -zxvf nginx-1.8.0.tar.gz  4.  $ cd nginx-1.8.0  5.  $ ./configure --user=nobody --group=nobody --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_gzip_static_module --with-http_realip_module --with-http_sub_module --with-http_ssl_module  注:--with-http_ssl_module:这个不加后面在nginx.conf配置ssl:on后,启动会报nginx: [emerg] unknown directive "ssl" in /opt/nginx/conf/nginx.conf 异常

  如报错:./configure: error: SSL modules require the OpenSSL library.  解决:yum -y install openssl openssl-devel (亲测可用)

  如报错:./configure: error: the HTTP gzip module requires the zlib library  解决:在–prefix后面接以下命令:  --with-pcre=/usr/local/pcre-8.36 指的是pcre-8.36 的源码路径。--with-zlib=/usr/local/zlib-1.2.8 指的是zlib-1.2.8 的源码路径。(我没遇到这个错误)    6.  $ make && make install至此安装完成

启动测试:  $ cd /usr/local/nginx/sbin/  $ ./nginx打开浏览器访问此机器的 IP,如果浏览器出现 Welcome to nginx! 则表示 Nginx 已经安装并运行成功。其他命令:  cd /usr/local/nginx/sbin/  ./nginx  启动  ./nginx -s stop  停止 相当于先查出nginx进程id再使用kill命令强制杀掉进程  ./nginx -s quit  停止 相当于是待nginx进程处理任务完毕进行停止  ./nginx -s reload  重启  ps aux|grep nginx  查看nginx进程  pkill nginx  强制关闭

以上安装方法nginx的配置文件位于:/usr/local/nginx/conf/nginx.confNginx配置文件常见结构的从外到内依次是「http」「server」「location」等等,缺省的继承关系是从外到内,也就是说内层块会自动获取外层块的值作为缺省值。
部署vue项目:打包之前先把config下index.js中的host改成服务器的ip,其他的跨域配置的ip也要改成服务器的ip(如果后台也是部署在同一台服务器下)在项目的根路径下,运行命令npm run build 会在根路径下生产dist文件夹,将其中的文件(一般是static文件夹和index.html)通过xftp工具传到 /usr/local/nginx/html下,千万不要把dist这个文件夹也放进去。到/usr/local/nginx/conf/下 修改配置文件nginx.conf  主要是配置端口 代理等信息cd /usr/local/nginx/sbin/./nginx然后在本地浏览器访问服务器 host:port/ 即可

这篇文章绝大部分内容是从下面博客copy过来的,原文中的命令有几处小错误,一处是安装pcre的过程中版本号错误,一处是 ./config要换成./configure这个我忘记是哪个了,看原文的需要注意一下。 
原文链接:https://www.cnblogs.com/jackyzm/p/9600738.html
相关连接:https://www.cnblogs.com/kaid/p/7640723.html



原文地址:https://www.cnblogs.com/xuchao0506/p/12166086.html

时间: 2024-11-05 04:48:23

CentOS7 安装nginx部署vue项目的相关文章

ngnix 部署 vue项目-基础篇

ngnix 部署 vue项目-基础篇 标签(空格分隔): docker ngnix vue Dockerfile 目录 基础知识 主要知识点 ###1.基础知识 image container docker 命令 build run rm rmi exec Dockerfile npm 打包vue项目 ###2.主要知识点 Dockerfile image container 简单来讲,Dockerfile构建出Docker镜像,通过Docker镜像运行Docker容器. Dockerfile

Nginx部署Django项目报错 KeyError: 'REQUEST_METHOD'

这个问题是应为Nginx的配置文件有问题: 要使用uwsgi启动Django的话要有以下配置: upstream djangos14{ # nginx负载均衡配置: server 10.0.0.10:9999; #server 10.0.0.11:80; } server { listen 80; server_name www.s14hanju.com; location / { # 要使用uwsgi,代理就不要用proxy_pass了,要使用uwsgi_pass: uwsgi_pass dj

centos7 安装nginx和php7

centos7 安装nginx和php7 centos7系统安装php7会出现一些奇奇怪怪的问题,耽误时间,影响效率,这里推荐直接yum安装 1.在开始安装 Nginx 和 php7-fpm 之前,我们还学要先添加 EPEL 包的仓库源.使用如下命令:      yum -y install epel-release 然后我们还需要为 php7-fpm 添加另外一个仓库.互联网中有很个远程仓库提供了 PHP 7 系列包,我在这里使用的是 webtatic. 添加 PHP7-FPM webtati

nginx部署h5项目

1. nginx部署h5项目 此为windows部署,liunx也类似的 1.1. 前言 部署h5项目还是很简单的,不过对小白来讲一开始可能也是一脸懵逼,这个简单教程针对的是从未部署过前后端分离前端项目的小白 1.2. 步骤 1.2.1. 下载nginx 如下图目录 1.2.2. 放入经过编译的h5项目 把经过编译的h5项目放入html文件夹下,可以在html里面创建一个单独文件夹,把内容放进去 如下图 1.2.3. 修改conf 进入conf目录,打开nginx.conf文件 1.2.4. 启

gitee之部署vue项目dist目录

gitee之部署vue项目dist目录 功能描述:将vue项目中打包后的dist目录使用Gitte pages部署,使其可以访问. 问题:部署后文件路径找不到 解决方法:配置vue.config.js中的publicPath属性,将部署项目项目名配置在publicPath属性中,例: publicPath: '/skymapcoordinatetool/', 注意: 1.publicPath在vue3.3之前为baseUrl属性,在3.3后废除 2.outputDir.assetsDir.ind

CentOS7的安装及部署javaweb项目 - 学习笔记

一, 概述: 这两天在捣鼓linux的东西,安装及配置网络环境,共享设置,以及安装jdk , tomcat环境,并将自己开发的javaweb系统部署到上述环境中.经过周末熬到深夜,终于搞掂,现在整理一下笔记,分享出来,以后也可以回顾. 二, 安装CentOS7: 我这里是基于VirtualBox的安装,安装的是无桌面版本CentOS 1, 下载virtualbox并安装 此处省略100字.... 2, 下载CentOS最小安装版本 官网: https://www.centos.org/downl

教你在裸机centos7系统中部署django项目

概要 本文用一台安装了centos7.5系统的裸奔的Linux机器(当然是虚拟机)详细讲解部署django项目的过程. 配置yum源 至于什么是yum源大家请自行百度,本人想用阿里云的yum源,因此需要在裸机上配置一下: 进入yum源的目录 cd /etc/yum.repos.d/ 查看yum源文件 ls -l 配置阿里云yum源 1.好习惯,备份yum源 mkdir repo_bak mv *.repo repo_bak/ 2.下载阿里云repo文件 wget http://mirrors.a

centos7 安装Nginx

  Centos7下nginx+php+redis环境搭建 1.nginx install:  下载对应当前系统版本的nginx包(package) # wget http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm 建立nginx的yum仓库 # rpm -ivh nginx-release-centos-7-0.el7.ngx.noarch.rpm 下载并安装ngi

记一次nginx部署yii2项目时502 bad gatewary错误的排查

周六闲来无事,就试着安装和部署下yii2,安装过程没什么问题,但部署到nginx上时遇到了502 bad gatewary问题,折腾了半天才搞定.这个问题是我以前在部署yii2时没有遇到过的,因此记在这里以备忘. 1,安装和部署环境 操作系统:macOS,php版本:5.6,nginx版本:1.10.1,yii2版本:2.0. 2,yii2的安装 yii2的安装很简单,参考官网的手册即可.我这里安装的是yii2-app-advanced(Yii 2 Advanced Project Templa