使用nginx部署前端项目可能会遇到的一些情况

最新推荐文章于 2024-07-24 11:13:53 发布
最新推荐文章于 2024-07-24 11:13:53 发布
阅读量1k 收藏 3
点赞数 1
分类专栏： 部署前端项目 文章标签： nginx 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42786958/article/details/117746656
版权

目录

前言

正文

一：下载的nginx压缩包没有nginx.exe启动文件

二：nginx启动没有明显的标志

三：静态文件的放置位置不明确

四：配置自定义域名后无法访问

前言

记录自己第一次使用nginx部署前端项目所遇到的一些情况，系统是windwos10

正文

前提准备：nginx文件，vue或HBuilder打包后的静态文件

neinx常用命令  ：

    启动：nginx.exe 或 start nginx       停止：nginx -s stop     重启：nginx -s reload

nginx使用注意

    nginx.conf配置文件修改保存后，需在命令行中使输入 nginx -s reload 才能生效

一：下载的压缩包没有nginx.exe启动文件

下载地址：http://nginx.org/en/download.html
解决方案：下载到对应的文件即可

最低0.47元/天 解锁文章
xunmi_star
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular项目从新建、打包到nginx部署全过程记录
08-28
在讲解过程中，我们将按照新建项目、打包和Nginx部署的顺序进行。 首先，让我们从新建一个Angular项目开始： 1. **安装Node.js**：在开始之前，确保已安装Node.js，它是Angular开发的基础。 2. **安装淘宝npm镜像*...
使用nginx部署前端项目（超详细教程）.pdf
04-29
使用nginx部署前端项目是一篇非常详细的教程，旨在帮助初学者使用Nginx来部署前端项目。本文首先介绍了Nginx的基本概念和作用，解释了为什么Nginx是一个强大的Web服务器和反向代理。然后，文章详细讲解了如何在Linux系统上安装Nginx，并介绍了Nginx的一些基本配置和使用方式。接下来，文章详细讲解了如何使用Nginx来部署前端项目，包括如何设置静态文件目录和如何配置反向代理和HTTPS。文章还包含了大量的代码示例和截图，以帮助读者更好地理解和操作Nginx。总的来说，这篇教程对于想要学习Nginx并使用它来部署前端项目的初学者来说是一篇非常实用和全面的指南。 此外，所使用的前端资源自已上传到了个人资源库，本人所有博客资源秉持免费的态度，提供大家，我们一起学习进步！ 在这个繁忙的世界里，我们常常会遇到很多人和事。有些人和事只是匆匆而过，而有些则会与我们产生深刻的联系和感悟。在这方面，我真的感谢遇见了你。你的聆听、鼓励和支持一直伴随着我走过很多难关和艰辛，这让我感到非常幸运和感激。 感谢相遇，愿我们向阳而生，温暖，善良！
Windows下安装Nginx
zengwende的博客
01-23 3万+
注：本文章以Windows 10操作系统为安装环境。 前言 　　Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站　点（俄文：Рамблер）开发的。 　　它也是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat）。它高性能和低消...
nginx无法启动,任务管理器中找不到进程
mingmingzi_的博客
03-28 3044
问题描述:在nginx官网下载压缩包并解压后,启动nginx.exe ,后台会发生系统中断,任务管理器中找不到nginx进程,且无端口占用.如果 Nginx 在启动时找不到这个目录或者没有权限创建它，就会报出这样的错误。这通常意味着可能需要以管理员身份运行 Nginx 服务，或者调整文件夹的权限设置。目录时失败了，因为系统找不到指定的路径。在 Nginx 的配置中，是 Windows 系统错误代码，表示指定的路径不存在。目录并设置了适当的权限之后，尝试重启 Nginx 服务。如果不存在，需要创建它。
Nginx在Windows无法启动
qq_39459017的博客
09-22 1936
出现问题：Nginx小黑框闪现，单击右键查看任务管理器中的进程，无Nginx.exe进程。 问题原因：路径问题，解压路径里含有中文。 解决办法：把解压后的文件剪切到没有包含中文的目录即可解决问题，查看任务管理器出现Nginx进程。 备注：当遇到Nginx启动不了时，打开logs文件里面的error文件看详细错误信息。 ...
Nginx部署与静态html
underworld33的博客
02-21 3238
Nginx部署与静态html页面展示
Windows下安装启动nginx.exe报错
qq_37656005的博客
02-17 4019
问题1： 在安装使用nginx服务器时遇到最大的问题是windows下命令行输入start nginx后，或者双击nginx.exe，一闪而过，启动不了，怀疑是以下几个方面的问题，请做参考。问题2： 无法将“NGINX”项识别为 CMDLET、函数、脚本文件或可运行程序的名称......”
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
然而，在将这个dist目录部署到Nginx服务器时，可能会遇到CSS样式不生效的问题。这个问题通常与静态资源的路径解析和Nginx的配置有关。以下是一些解决这个问题的步骤和相关知识点： 首先，我们需要理解Vue CLI的打包...
Nginx配置React项目Url后直接输入路由路径时报404问题的解决
09-30
然而，在部署React应用到服务器时，尤其是使用Nginx作为反向代理服务器时，可能会遇到一个常见的问题：当用户直接在浏览器地址栏输入特定的路由路径（如`http://localhost/demo/page1`）时，服务器返回404错误。...
在Nginx上部署ThinkPHP项目教程
12-18
在Nginx上部署ThinkPHP项目的过程中，遇到的主要问题是Nginx默认不支持ThinkPHP的pathinfo模式，这会导致URL路径解析错误，进而引发页面循环跳转的问题。为了解决这个问题，有两种策略：一是切换到非pathinfo模式，...
如何用Nginx解决前端跨域问题
09-30
在开发前端应用，如Vue等单页应用时，由于浏览器的同源策略限制，当我们尝试从一个源（比如http://192.168.1.100:8080）向另一个源（比如http://ni.hao.sao/api）发起请求时，会遇到跨域问题。为了解决这个问题，...
Windows本地Nginx服务报错
Jensonhui's Blog
09-25 3418
nginx: [error] OpenEvent("Global\ngx_reload_23420") failed (2: The system cannot find the file specified); nginx: [warn] server name "https://xxxxxx/" has suspicious symbols in E:\nginx-1.22.0/conf/nginx.conf:37
服务器报错nginx 502 Bad Gateway的原因以及解决办法
热门推荐
主题模板站的博客
01-07 5万+
出现502的情况太多了，（例如：你服务器目前的配置支撑不了你现有的业务。nginx出现502多数是属于后端的问题，后期就是PHP的问题，在php服务当中，有两个参数非常的重要：max_requestst 和max_children；fujieace.conf是我重名命过的，你安装的时候是修改成什么样子就是什么样子，默认修改的是www.conf；主要的是要找到php-fpm的配置文件，并修改它的最大子进程个数；每个php-fpm子进程占用20M内存，服务器的内存是1G，除去系统中其他应用占用的内存。
记一次nginx崩溃事件
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
01-28 4780
3）也可以借助 tmpwatch命令加入定时任务来清理，其实，系统/tmp目录，默认情况下每日会处理一次，原理就是使用了tmpwatch。2）配置定期清理缓存，nginx缓存虽然可带来吞吐量和性能的提升，但有时候缓存过期后并不会释放，这时我们可借助nginx + ngx_cache_purge 模块，手动清理缓存；参考2：https://www.cnblogs.com/backups/p/nginx4.html。1）检查当前文件系统使用情况，未出现分区使用超限情况，应该是nginx重启后缓存释放了；
部署完前端到nginx，发现无法访问入口页面
weixin_51451545的博客
10-13 630
部署完前端到nginx，无法访问
前端打包部署到nginx 使用nginx代理访问配置遇到的一些问题及解决方法
ggg6568的博客
08-11 1189
nginx配置问题
Nginx访问间歇性卡顿的解决办法
lpping90的专栏
06-25 1万+
转载：https://www.javatang.com/archives/2020/08/11/22403140.html 降低Nginx的error级别并排除错误 然后打开nginx的error.log文件，发现没有特别的错误信息，打开nginx.conf文件，将error_log的级别设置为notice（默认是error），运行了一会儿发现出现下面的warn错误： an upstream response is buffered to a temporary file /tmp/xxx whi.
网站基本布局CSS
最新发布
m0_46608027的博客
07-24 791
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
nginx部署前端项目浏览器显示Whitelabel Error Page
06-06
Nginx部署前端项目时，如果浏览器显示"Whitelabel Error Page"，通常意味着你的服务器返回了一个错误，而不是预期的HTML内容。这个错误页面是由Nginx的默认设置或者是应用程序配置中的一些问题引起的。以下是一些可能的原因和解决方法： 1. **默认配置**：Nginx在处理请求时遇到问题，可能是因为没有正确配置反向代理或负载均衡。检查`server`块中的`try_files`指令，确保它指向了你的应用服务器。 2. **应用程序未响应**：前端应用可能还没有启动，或者服务器端口被其他服务占用。确认应用已经启动并且监听的端口是正确的。 3. **错误页面重定向**：检查Nginx配置中的`error_page`指令，是否设置了错误页面显示。如果没有明确的自定义错误页，Nginx可能会返回默认的Whitelabel页面。 4. **跨域问题（CORS）**：如果前端应用在同一个域名下运行，但跨域访问，Nginx可能没有配置正确的CORS策略，导致浏览器禁止显示非同源内容。 5. **路径映射**：确认你的Nginx配置文件中是否正确地将URL路径映射到了前端应用的入口文件，例如使用`location /`来指向应用的index.html。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值