Nginx部署前端dist文件夹

2024-07-05 21:07:30

Nginx部署前端dist文件夹

nginx部署dist包_墨寒ice的博客-CSDN博客_nginx dist

nginx服务器部署dist文件夹 - 菜鸟学院 (noobyard.com)

nginx 部署 dist 文件 - 懒惰ing - 博客园 (cnblogs.com)

1.下载Nginx的压缩包（tar.gz）

1.本地下载上传nginx: download

2.wget命令下载 wget -c https://nginx.org/download/nginx-1.20.1.tar.gz

2.配置安装Nginx所需的环境

yum -y install gcc gcc-c++ autoconf automake make
yum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel

3.解压Nginx

tar -zxvf nginx-1.20.1.tar.gz

Linux修改文件名 mv 原文件名新文件名

如需重命名请注意后续安装Nginx所生成的文件夹名称是否冲突，避免文件覆盖

进入解压的文件目录

使用默认配置，然后回车 ./configure

4.编译安装Nginx

在当前目录下输入make进行编译

make

注：然后回车，如果编译出错，请检查是否前面的环境安装都没有问题

安装

make install

注：nginx源码编译安装出现“make[1]: Leaving directory `/usr/local/nginx’“解决办法make[1]

安装成功后，这时候返回上一级目录，就会发现多了nginx目录

5.启动Nginx

进入新生成nginx目录下的sbin目录

./nginx -t #检查配置文件是否正确无误，成功提示如下：nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

启动Nginx

./nginx

6.复制dist包到指定目录（根据配置文件灵活修改）

将dist文件夹放在nginx目录下的html里面

7.修改配置文件 nginx.conf

进入nginx下的conf文件夹

vim nginx.conf

保存配置文件后，需要重启linux

./nginx -s reload

其他常用命令

关闭Nginx ./nginx -s quit 或 ./nginx -s stop

重启nginx ./nginx -s reload

查看nginx进程 ps aux|grep nginx

设置开机自启动

编辑rc.local文件

vim /etc/rc.local

然后在底部增加/usr/local/nginx/sbin/nginx，:wq保存并退出

Nginx部署前端dist文件夹相关推荐

Nginx 部署前端项目dist文件
写好的项目 npm run build 生成的dist文件夹放桌面备用下载nginx后将dist文件夹放入html文件夹中进入conf修改配置里面有nginx.conf 文本修改下面s ...
nginx服务器部署dist文件夹
Table of Contents generated with DocToc 一.tomcat部署的问题二.centos服务器安装nginx 三.nginx配置 3.1 将dist文件夹上传到服务 ...
nginx 部署前端vue项目dist文件
nginx 部署前端页面 server {listen 8082; server_name localhost;location / {root /usr/local/dist; #前端页面地址ind ...
nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面
nginx 部署前端项目,不缓存html文件,项目发版后,不用手动刷新页面 location / {expires 1h;root /home/test/vue/dist/;index index.h ...
Docker利用Nginx部署前端项目
今天给大家分享的是Docker利用Nginx部署Vue等前端页面项目:其实是我工作刚好用到,顺便分享给大家O(∩_∩)O,那么话不多说直接开始. 一:准备文件我们先将前端项目打包好,放到此文件夹下, ...
win10 nginx部署前端项目（静态资源服务器和HTML）
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
nginx部署前端项目的详细步骤
前言在前端开发过程中经常是需要把前端静态资源放到服务器中看效果,这时经常用到nginx来配置. 1. 什么是nginx Nginx是一款高性能的http 服务器/反向代理服务器及电子邮件(IMAP/ ...
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
记录一下自己的愚蠢问题!!! 问题出现情况:我是使用IDEA打开的vue项目,并在IDEA的命令行(terminal)中执行vue打包命令(npm run build)的,打包结果会显示成功,但是没有 ...
webpack打包vue项目之后dist文件夹在本地跑起来
webpack打包vue项目之后dist文件夹在本地跑起来转载为:https://blog.csdn.net/u014054437/article/details/79981307 谢谢博主亲测, ...

最新文章

热门文章