Nginx简单部署前端页面

最新推荐文章于 2023-04-29 00:13:12 发布
最新推荐文章于 2023-04-29 00:13:12 发布
阅读量9.1k 收藏 2
点赞数
分类专栏： Linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dyangel2013/article/details/84980046
版权 
1.先安装 node 
curl --silent --location https://rpm.nodesource.com/setup_9.x | sudo bash -
2.sudo yum install -y nodejs
3.将前端打包页面解压的 dist 文件夹 上传到 /www/nginx/html 目录下
修改配置文件 default.conf 如图
重启 nginx 容器
ip访问即可显示前端页面

施小赞
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Linux使用nginx部署前端项目
weixin_43067272的博客
04-21 498
1.安装依赖包 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 2.下载并解压安装包 //创建一个文件夹 cd /usr/local mkdir nginx cd nginx //下载tar包 wget http://nginx.org/download/nginx-1.18.0.tar.gz tar -xvf nginx-1.18.0.tar.gz 3.安装nginx //进入nginx目录 cd /usr/loc
前端必备 Nginx 配置
最新发布
2401_84435192的博客
04-27 943
$host | 请求信息中的Host，如果请求中没有Host行，则等于设置的服务器名 || $request_method | 客户端请求类型，如GET、POST || $remote_addr | 客户端的IP地址 || $args | 请求中的参数 || $content_length | 请求头中的Content-length字段 || $http_user_agent | 客户端agent信息 || $http_cookie | 客户端cookie信息 |
Nginx反向代理
飞云钰哥
08-07 486
server { listen 8015; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { proxy_pass http:/...
Linux Nginx配置静态html
sout-lanys
04-12 2万+
Linux Nginx配置静态html 第一次接触服务器时，对项目部署和域名部署感觉很新鲜、有意思、很神奇，开始学习Nginx配置静态的HTML。 使用工具：MobaXterm_CHS.exe 第一步：将html的项目放入服务器 将自己做好的html或者纯html项目放入服务器。 上图详细流程： 1.先在服务器中选好自己的目录或创建一个新目录； mkdir lanys #创建一个新目录命令 2.创建后进入新创建目录； cd lanys #进入lanys目录 3.获取目录的路径； p
nginx 部署_nginx部署h5项目
weixin_39850920的博客
12-05 1557
1. nginx部署h5项目此为windows部署，liunx也类似的1.1. 前言部署h5项目还是很简单的，不过对小白来讲一开始可能也是一脸懵逼，这个简单教程针对的是从未部署过前后端分离前端项目的小白1.2. 步骤1.2.1. 下载nginx如下图目录1.2.2. 放入经过编译的h5项目把经过编译的h5项目放入html文件夹下，可以在html里面创建一个单独文件夹，把内容放进去如下图1.2.3....
前端ngnix部署
qq_44436509的博客
03-21 4678
worker进程的数量events {# 事件区块开始# 每个worker进程支持的最大连接数 } # 事件区块结束http {# HTTP区块开始# Nginx支持的媒体类型库文件# 默认的媒体类型# 开启高效传输模式# 连接超时server {# 第一个Server区块开始，表示一个独立的虚拟主机站点listen 80；# 提供服务的端口，默认 80 server_name localhost；# 提供服务的域名主机名# 第一个location区块开始root html。
nginx部署前端项目的详细步骤
热门推荐
铁锤妹妹的博客
10-24 2万+
在前端开发过程中经常是需要把前端静态资源放到服务器中看效果，这时经常用到nginx来配置。
Nginx部署前端
m0_56966134的博客
11-06 1821
shide nginx 安装说明操作Nginx命令编写Nginx配置实现反向代理发布前端项目实现负载均衡 nginx 安装说明 一、下载 nginx download https://nginx.org/en/download.html 二、解压，双击nginx.exe，如图 三、访问80端口查看，如图证明启动成功 四、如果没反应，说明80端口号被专用，可以先杀死80端口 netstat -ano | findstr “80”(查看占用80端口的进程号) 打开任务管理器，找到PID(进程号)为78
Nginx的简单使用
ccesss的博客
04-21 2095
参考博客. 目录Nginxnginx的优势反向代理正向代理反向代理负载均衡什么是负载均衡常见负载均衡算法Docker Nginx nginx的优势 占用内存小 高并发能力强 配置简单 价格免费 反向代理 代理模式 正向代理 客户端通过代理服务器代理客户端去重定向访问目标服务器的代理模式 正向代理的特点是代理服务器代理的对象是客户端，也就是对于目标服务器来说，客户端是隐藏的 反向代理 反向代理是指客户端/浏览器不知道自己访问的是哪台服务器，只知道去访问代理服务器，由代理服务器通过反向代理+负载均衡的
web服务器nginx+部署前端vue项目
03-22
Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php 等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发， 性能是其最重要的考量,实现上非常...
Nginx上部署静态页面小结
01-20
那么问题来了 : linux 服务器, 挂一个静态页面, 最简便, 轻量级方法是什么 ? 本机 : Mac OS : 10.15.1 服务器 : Linode 家的 Debian10 服务器. 思索了下自己学过的部署方法 : ①Java: Tomcat × ② npm install ...
nginx配置React静态页面的方法教程
01-19
本文主要给大家介绍了关于nginx配置React静态页面的相关内容，文中给大家详细介绍了关于nginx的安装以及一些基本操作，然后给大家分享了React 静态页面 nginx 配置简洁版的示例代码，下面话不多说了，来一起看看详细...
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
然而，在将这个dist目录部署到Nginx服务器时，可能会遇到CSS样式不生效的问题。这个问题通常与静态资源的路径解析和Nginx的配置有关。以下是一些解决这个问题的步骤和相关知识点： 首先，我们需要理解Vue CLI的打包...
使用docker部署nginx前后端解决跨域问题.docx
03-05
使用docker部署nginx前后端解决跨域问题
使用nginx部署前端项目（超详细教程）
IT小辉同学
04-29 1万+
愿我们的付出都值得
前端项目部署nginx服务器（http&https)
m0_57307213的博客
09-22 3878
部署nginx服务器的方法
Nginx纯前端服务器部署
有朋自远方来，不亦乐乎。
11-12 3940
DNSPod并入腾讯云，腾讯云域名解析是在DNS解析DNSPod控制台操作的，腾讯云百科来详细详细说下腾讯云域名解析教程：腾讯云域名解析教程DNSPod帝思普并入腾讯云，腾讯云域名解析是由DNSPod提供的。用于在数据传输时对计算机的定位标识，由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点，人们设计出了域名，并通过网域名称系统（DNS，Domain Name System）来将域名和IP地址相互映射，使人更方便地访问互联网，而不用去记住能够被机器直接读取的IP地址数串。
快速掌握Nginx部署前端项目（从Nginx安装配置及部署都非常详细哦！）
m0_67477525的博客
10-28 1万+
之前在Linux系统中部署了后端项目，今天继续来给大家分享如何部署前端项目。涉及到了Nginx的简单介绍以及Nginx如何安装及配置并且能够部署前端项目Nginx是一个轻量级的反向代理web服务器，在当今应用地非常广泛，特别是前后端分离的情况下。
使用nginx部署前端项目
lianaozhe的博客
11-25 5369
使用FileZilla或者其他工具上传前端项目到nginx的html目录。浏览器访问：http://43.139.56.13/czczz-admin。浏览器访问：http://localhost/czczz-admin。将我们要执行的项目同样放到nginx下html目录下。可以看到，成功访问到前端页面并且调用了后端的接口。这样，一个简单去前后端分离项目就部署完毕了！-p: 将容器的 端口映射到主机的端口。–name: 启动容器的名字。可以看到，访问成功了。在浏览器访问主机ip。nginx安装成功。
dockernginx部署前端页面
10-12
要在 Docker 中部署前端页面，可以使用 Nginx 作为 Web 服务器。具体步骤如下： 1. 编写 Dockerfile 文件，指定基础镜像和工作目录，并将前端代码复制到镜像中： ``` FROM nginx:latest WORKDIR /usr/share/nginx/...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值