前端部署到nginx服务器

#第一步将项目打包,以vue为列,到对应的项目下执行npm run build 命令,打包后会在根目录下生成dist文件夹

#第二部到服务器上安装nginx,到这个网站nginx.org/en/download…

复制链接地址,到服务器上下载

 wget http://nginx.org/download/nginx-1.20.2.tar.gz

下载完毕后解压到对应文件夹

tar -zxvf xxxx.tar.gz -C /usr/local/
解压进入对应的文件夹
cd /usr/local/nginx-1.20.2
执行程序
./configure
make 
make install

中间无报错证明安装成功

通过 whereis nginx 找到安装位置
whereis nginx 

然后进入nginx的安装位置里面有个sbin目录

cd sbin
启动 nginx
./nginx
然后就可以在网页上输入对应的地址查看
一般是 你的域名或者ip地址+:80
80端口可以不输入
如果没有页面显示,要去看一下服务器防火墙对应的80端口是否启用或者被占用

./nginx -s stop 关闭nginx服务
./nginx -s reload 如果修改了/nginx/conf/nginx.conf文件 想要生效就执行这个命令

一般默认的nginx访问地址是nginx/html目录,将你打包的文件夹里的文件复制进这个目录就可以了