文章目录
1.下载nginx
点此选择nginx下载版本
选择版本:nginx-1.20.2.tar.gz (这个版本好像是当前最新的稳定版本)
通过XFTP上传到云服务器
2.配置
1.安装PCRE
[root@iZbp136w25mhx42m5ve5wxZ dev]# yum install -y pcre-devel
2.安装zlib-devel
[root@iZbp136w25mhx42m5ve5wxZ dev]# yum install -y zlib-devel
3.配置nginx
1.解压
[root@iZbp136w25mhx42m5ve5wxZ dev]# tar -zxvf nginx-1.20.2.tar.gz
进入解压后的文件夹:
2.指定配置文件位置
执行 --prefix = 后面指定的是你nginx配置文件的位置(以后只需要改此路径下conf文件中的nginx.config配置文件即可,网上很多都是指定的/usr/local/nginx这个文件夹,我比较嫌麻烦,打算放在一起,后面需要创建一个logs文件夹,否则会报错nginx: [alert] could not open error log file: open() /usr/dev/logs)
[root@iZbp136w25mhx42m5ve5wxZ nginx-1.20.2]# ./configure --prefix=/usr/dev/nginx-1.20.2
3.安装openssl(可跳过)
[root@iZbp136w25mhx42m5ve5wxZ nginx-1.20.2]# yum install -y openssl openssl-devel
4.执行make
[root@iZbp136w25mhx42m5ve5wxZ nginx-1.20.2]# make && make install
5.创建文件夹logs:
[root@iZbp136w25mhx42m5ve5wxZ nginx-1.20.2]# mkdir logs
6.启动nginx
[root@iZbp136w25mhx42m5ve5wxZ nginx-1.20.2]# ./sbin/nginx
输入你的云服务ip:
以上说明安装成功
3.运行一个vue项目
1.上传dist文件夹
可以看到里面就是vue打好以后的js css等
2.配置nginx:
[root@iZbp136w25mhx42m5ve5wxZ conf]# vim nginx.conf
修改root 的html 为 /usr/dev/dist;
保存退出
重启nginx
[root@iZbp136w25mhx42m5ve5wxZ sbin]# ./nginx -s reload
可以看到已经是刚刚上传的dist里面的项目了
测试路由是否生效:
发现访问upload路由是正常的