小白前端配置服务器项目上线

1.下载Xshell和Xftp

打开Xshell,点击新建会话,点击设置

image.png

选择协议ssh,填入你的公网IP,端口默认22

image

填入你的用户名和密码,这样你就不用每次都要登录了,自动登录。

image

以上完成,看到这样就说明连接成功了。

image

安装Nginx

在安装Nginx之前,需要安装一些依赖的库


yum install -y pcre pcre-devel
yum install -y zlib zlib-devel

如果有需要,根据error提示可能还需要GCC和OpenSSL

yum install gcc-c++
yum install -y openssl openssl-devel

安装好了之后,可以安装Nginx了

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

解压并进入nginx目录

tar -zxvf nginx-1.14.0.tar.gz
cd nginx-1.14.0

使用nginx的默认配置

./configure

编译安装

make
make install

查找安装路径

whereis nginx
image.png

可以看到我的安装路径是在 /usr/local/nginx,默认在这个目录下,有一个sbin目录,它下面有个nginx文件,这个nginx是个可执行文件,
执行启动命令

/usr/local/nginx/sbin/nginx

执行完没有报错既说明服务器成功开启,此时使用你的IP在浏览器直接输入然后回车,你就会看到一个这样子的页面神奇地出现!

image.png

恭喜你,服务成功地运行了_
查看服务运行状态

ps -ef | grep nginx
image.png

这个数字需要在接下来停止服务命令中用到
停止服务:

kill 5048

重新启动服务:

/usr/local/nginx/sbin/nginx -s reopen

上传静态资源文件

现在开始上传你本地的静态资源文件到服务器,以便外网能访问到。
打开Xshell上面的文件传输,会自动打开已经安装好的Xftp。


image.png

打开后大概就这样子


image.png

接下来的操作就比较简单了,这里我安装了node,需要安装node.js后台的就要安装这个(后期再说)。
服务器的根目录是 /root,你可以建一个目录用来放自己的项目文件,这里我建了一个/app目录。需要放什么文件,直接拖拽过来
image.png

默认应该有个index.html页面,作为网站的主页。
接下来需要修改一些配置。

配置Nginx

现在你的服务器可以被访问了,但是需要在服务器上放置你想被访问的文件,还需要配置Nginx服务器。
打开Xshell

修改一下 nginx 的配置文件

vim /usr/local/nginx/conf/nginx.conf

按shift + i 进入编辑状态,上下方向键控制光标
要改的地方如下:
用户改成当前用户 root


image.png

这里改成你新建的目录


image.png

修改完配置,Ctrl + c 退出编辑,:wq 保存退出。
修改完配置文件之后,需要重新启动服务器
/usr/local/nginx/sbin/nginx -s reload

接下来,在浏览器地址栏输入你的服务器IP,就可以看到你的项目了。
放一下我的地址
http://119.29.183.55/

常用指令

配置 nginx 常用命令:
• 查看配置:

vi /usr/local/nginx/conf/nginx.conf

• 编辑配置:

vim /usr/local/nginx/conf/nginx.conf

• 重启配置:

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

• 重启服务:

/usr/local/nginx/sbin/nginx -s reopen

到这里,如果你的浏览器还不能显示主页的话,如果出现下面的错误:
1. 出现403(被拒绝)
参考文章:
Nginx出现403 forbidden

  1. 使用 vim 出现 E325:ATTENTION 错误
    删除交换文件 .swp:
cd /usr/local/nginx/conf
ls -la
rm -f .nginx.conf.swp

因为交换文件是隐藏的,ls 命令看不到,需要 ls -la 才可以查看隐藏文件。

来源:https://blog.csdn.net/Kevinblant/article/details/103168451

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容