【nginx】服务器搭建&部署前端项目

前提(准备):

  • 服务器IP、账号、密码;配置阿里云安全组,开放要使用的端口。
  • 安装xftp :我用来上传项目文件在这里插入图片描述
  • 安装xshell: 连接服务器,进行各种指令操作。在这里插入图片描述

一、nginx服务器搭建

1、登陆

  • 新建会话。
  • 输入主机IP。
  • 输入账号、密码
    完成登陆

2、安装环境

yum install git -y //全集安装git

下载nvm

git clone git://github.com/creationix/nvm.git ~/nvm

运行nvm

echo "source ~/nvm/nvm.sh" >> ~/.bashrc

source ~/.bashrc

安装node

nvm install v11.6.0

node -v  //查询版本号,显示版本号即安装成功

3、安装nginx

  1. 安装pcre依赖
yum -y install pcre*
  1. 安装openssl依赖
yum -y install openssl*
  1. 下载、解压
wget http://nginx.org/download/nginx-1.14.2.tar.gz // 下载
tar -zxvf nginx-1.15.5.tar.gz  // 解压
  1. 进入解压目录
cd nginx-1.15.5

./configure // 执行文件

在这里插入图片描述

  1. 编译
make -j4
  1. 安装依赖
make install
  1. 编译完成后 cd /usr/local/nginx/sbin
./nginx -t

出现下面结果说明安装成功。
在这里插入图片描述

  1. 启动nginx
./nginx

在这里插入图片描述

  1. 浏览器中输入公网IP,界面显示以下内容,表示运行成功。

在这里插入图片描述

二、部署前端项目

修改配置文件,上传项目包,重启服务。

1、修改配置文件

  • cd /usr/local/nginx/conf/ 配置文件路径
  • vi nginx.conf 进行编辑。增加以下内容:
{
	listen    	   9000;// 要使用的port
	server_name    localhost;
	root           html4; // 项目文件夹
	index          index.html;  //项目的入口文件
}
  • qw 保存成功。

=》或者配置文件拉到本地进行修改,上传替换。在这里插入图片描述

2、上传项目包

  • 将项目打包文件上传到服务器上

3、重启nginx

/usr/local/nginx/sbin/nginx -s reload

【其他:】
查询nginx进程:
cd /usr/local/sbin/
./nginx

  • 重启nginx服务器: ./nginx -s reload
    修改配置文件nginx.conf 后要生效需要重启nginx:./nginx -s reload

三、遇到的问题:

1、重启失败:

在这里插入图片描述
解决:在这里插入图片描述

killall -s nginx // 杀死nginx进程

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf // 指定配置文件路径

./nginx -s reload  // 再次重启,成功

2、command not found

在这里插入图片描述
解决办法:
(1)一直cd 进入到sbin路径下 ./nginx -s reload。
(2)更改环境变量。

四、查询nginx安装目录、配置文件路径

有时候,可能不是自己安装的nginx,临时要往上面部署服务、更新内容。

1、安装路径:

查询进程指令: ps -ef|grep nginx
在这里插入图片描述
用nginx进程的PID,查找exe的路径。指令:ll /proc/14994/exe
在这里插入图片描述

2、配置文件

进入到1查询的sbin路径下,运行./nginx -t
得到配置文件路径。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
部署前后端项目时,可以使用nginx作为web服务器来提供前端静态文件和反向代理后端API请求。以下是nginx部署前后端项目的步骤: 1. 首先,确保已经安装了nginx。可以使用以下命令来安装nginx: ``` cd /usr/local mkdir nginx cd nginx wget http://nginx.org/download/nginx-1.13.4.tar.gz tar -xvf nginx-1.13.4.tar.gz cd nginx-1.13.4 ./configure --prefix=/usr/local/nginx make && make install ``` 2. 配置nginx。打开nginx的配置文件`/usr/local/nginx/conf/nginx.conf`,可以使用文本编辑器进行编辑。以下是一个简单的示例配置: ``` http { server { listen 80; server_name example.com; location / { root /path/to/frontend; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://backend_server; } } } ``` 上述配置中,`/path/to/frontend`是前端静态文件的路径,`http://backend_server`是后端API的地址。根据实际情况进行修改。 3. 测试配置。使用以下命令可以测试nginx的配置是否正确: ``` /usr/local/nginx/sbin/nginx -t ``` 如果配置正确,会显示"nginx: configuration file /usr/local/nginx/conf/nginx.conf syntax is ok"和"nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful"。 4. 启动nginx。使用以下命令可以启动nginx: ``` /usr/local/nginx/sbin/nginx ``` 现在,nginx已经成功部署并开始监听端口80。可以通过访问服务器的IP地址来查看nginx是否正常工作。 注意:以上步骤仅仅是一个简单的示例,实际部署时可能需要根据具体需求进行配置调整。同时,还可以进一步优化nginx的配置,例如启用gzip压缩、设置缓存等,以提高性能和安全性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [nginx搭建部署前后端项目](https://blog.csdn.net/Xyouzi/article/details/118784274)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值