Linux配置nginx服务器,用于部署前端项目

nginx部署前端项目
技术背景:
vue.js+springBoot
前端项目部署在nginx上,静态资源都在nginx上,当需要访问后端接口时,通过nginx转发到对应的服务器上。

前端:所有访问后端的接口都在端口号后加上“/api/”
后端:在yml 文件server里修改如下在这里插入图片描述

部署nginx
1.nginx的源文件放在/u01/micsdev/software下;
2.进入到/u01/micsdev/software 解压nginx源文件
cd /u01/micsdev/software
ls 查看
tar zxvf nginx-1.15.10.tar.gz
在这里插入图片描述

2.编译安装
进入到 /u01/micsdev/software/nginx-1.15.10
cd /u01/micsdev/software/nginx-1.15.10
配置:
./configure --prefix=/software/nginx --without-http_rewrite_module (空格)–without-http_gzip_module
在这里插入图片描述
编译:
make
在这里插入图片描述
安装:
make install
在这里插入图片描述
删除源文件:
rm –rf /u01/micsdev/software/nginx-1.15.10
在这里插入图片描述
3开机启动
sudo vi /etc/init.d/nginx
增加如下配置
#!/bin/sh

nginx - this script starts and stops the nginx daemon

chkconfig: - 85 15

description: NGINX is an HTTP(S) server, HTTP(S) reverse \

proxy and IMAP/POP3 proxy server

processname: nginx

config: /etc/nginx/nginx.conf

config: /etc/sysconfig/nginx

pidfile: /var/run/nginx.pid

Source function library.

. /etc/rc.d/init.d/functions

Source networking configuration.

. /etc/sysconfig/network

Check that networking is up.

[ “$NETWORKING” = “no” ] && exit 0

nginx="/software/nginx/sbin/nginx"
prog=$(basename $nginx)

NGINX_CONF_FILE="/software/nginx/conf/nginx.conf"

[ -f /etc/sysconfig/nginx ] && . /etc/sysconfig/nginx

lockfile=/var/lock/subsys/nginx

make_dirs() {

make required directories

user=$nginx -V 2>&1 | grep "configure arguments:.*--user=" | sed 's/[^*]*--user=\([^ ]*\).*/\1/g' -
if [ -n “$user” ]; then
if [ -z “grep $user /etc/passwd” ]; then
useradd -M -s /bin/nologin u s e r f i o p t i o n s = ‘ user fi options=` userfioptions=nginx -V 2>&1 | grep 'configure arguments:'for opt in $options; do if [echo $opt | grep '.*-temp-path’]; then value=echo o p t ∣ c u t − d " = " − f 2 ‘ i f [ ! − d " opt | cut -d "=" -f 2` if [ ! -d " optcutd"="f2if[!d"value" ]; then
# echo “creating” $value
mkdir -p $value && chown -R $user $value
fi
fi
done
fi
}

start() {
[ -x $nginx ] || exit 5
[ -f $NGINX_CONF_FILE ] || exit 6
make_dirs
echo -n $"Starting $prog: "
daemon $nginx -c N G I N X C O N F F I L E r e t v a l = NGINX_CONF_FILE retval= NGINXCONFFILEretval=?
echo
[ $retval -eq 0 ] && touch $lockfile
return $retval
}

stop() {
echo -n $"Stopping $prog: "
killproc p r o g − Q U I T r e t v a l = prog -QUIT retval= progQUITretval=?
echo
[ $retval -eq 0 ] && rm -f $lockfile
return $retval
}

restart() {
configtest || return $?
stop
sleep 1
start
}

reload() {
configtest || return $?
echo -n $"Reloading $prog: "
killproc n g i n x − H U P R E T V A L = nginx -HUP RETVAL= nginxHUPRETVAL=?
echo
}

force_reload() {
restart
}

configtest() {
$nginx -t -c $NGINX_CONF_FILE
}

rh_status() {
status $prog
}

rh_status_q() {
rh_status >/dev/null 2>&1
}

case “$1” in
start)
rh_status_q && exit 0
$1
;;
stop)
rh_status_q || exit 0
$1
;;
restart|configtest)
$1
;;
reload)
rh_status_q || exit 7
$1
;;
force-reload)
force_reload
;;
status)
rh_status
;;
condrestart|try-restart)
rh_status_q || exit 0
;;
*)
echo $“Usage: $0 {start|stop|status|restart|condrestart|try-restart|reload|force-reload|configtest}”
exit 2
esac

  1. chmod a+x /etc/init.d/nginx 增加可执行权限
  2. 在这里插入图片描述
    6.更改nginx默认站点配置
    vi /software/nginx/conf/nginx.conf
    在这里插入图片描述
    启动nginx服务 service nginx start
    停止nginx服务 service nignx stop
    重启nginx服务 systemctl restart nginx.service
    #重新读取nginx配置(这个最常用, 不用停止nginx服务就能使修改的配置生效)
    systemctl reload nginx.service
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
部署前端项目之前,您需要先安装和配置Nginx。以下是一些步骤供您参考: 1. 首先,您需要下载Nginx的源文件并解压缩。您可以将源文件放在/u01/micsdev/software目录下,然后使用以下命令解压缩文件: ``` cd /u01/micsdev/software tar zxvf nginx-1.15.10.tar.gz ``` 2. 进入解压后的Nginx目录: ``` cd /u01/micsdev/software/nginx-1.15.10 ``` 3. 运行配置命令,指定Nginx的安装路径和一些可选的模块: ``` ./configure --prefix=/software/nginx --without-http_rewrite_module --without-http_gzip_module ``` 4. 编译Nginx: ``` make ``` 5. 安装Nginx: ``` make install ``` 6. 删除源文件(可选): ``` rm -rf /u01/micsdev/software/nginx-1.15.10 ``` 7. 创建Nginx的启动脚本并添加配置: ``` sudo vi /etc/init.d/nginx ``` 在脚本中添加以下内容: ``` #!/bin/sh # nginx - this script starts and stops the nginx daemon chkconfig: - 85 15 description: NGINX is an HTTP(S) server, HTTP(S) reverse proxy and IMAP/POP3 proxy server processname: nginx config: /etc/nginx/nginx.conf config: /etc/sysconfig/nginx pidfile: /var/run/nginx.pid Source function library. case "$1" in start) rh_status_q && exit 0 $1 ;; stop) rh_status_q || exit 0 $1 ;; restart|configtest) $1 ;; reload) rh_status_q || exit 7 $1 ;; force-reload) force_reload ;; status) rh_status ;; condrestart|try-restart) rh_status_q || exit 0 ;; *) echo $"Usage: $0 {start|stop|status|restart|condrestart|try-restart|reload|force-reload|configtest}" exit 2 esac chmod a+x /etc/init.d/nginx ``` 8. 更改Nginx的默认站点配置: ``` vi /software/nginx/conf/nginx.conf ``` 9. 启动Nginx服务: ``` service nginx start ``` 10. 停止Nginx服务: ``` service nginx stop ``` 11. 重启Nginx服务: ``` systemctl restart nginx.service ``` 这些步骤将帮助您在Linux部署前端项目使用Nginx。请根据您的实际情况进行相应的整。 #### 引用[.reference_title] - *1* *2* *3* [Linux配置nginx服务器用于部署前端项目](https://blog.csdn.net/qq_40823910/article/details/89192404)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值