Nginx搭建web静态服务器之页面格式乱码

最新推荐文章于 2024-06-25 11:40:04 发布
最新推荐文章于 2024-06-25 11:40:04 发布
阅读量190 收藏 2
点赞数 6
分类专栏： Nginx 文章标签： nginx 前端 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dawn_Ph/article/details/139090607
版权

背景:

公司有个需求,要把产品的原型变成静态web发布到内网以供大家观看,这样就不用每个人都把原型拉下来然后再进行预览了.经过讨论决定使用nginx来做.

问题:

在实操的过程中发现确实可以发布成web静态页面,但是有个问题,页面格式是不正确的,打开后根本无法使用,使用F12开发者工作台调试发现js文件图片文件也都正常下载了,就很奇怪,后面思考了下,发现会不会是mime类型的问题.果然,复查nginx的http块配置发现没有配置导入mime类型文件,把这个加上后,再发布后,页面格式就正常了

总结:

这个主要有两个问题:
1.http协议不透彻,mime类型虽然之前学过,但是只是知道作用.从这个问题也算是积累了一个经验吧
2.nginx的配置不熟悉.其实最开始在配置http块的时候,是网上百度找的,按照网上的照着写的.网上的东西参差不齐,还是要去看nginx的官方文档.

Dawn_Ph
关注
  • 6
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用nginx搭建静态资源服务器的方法步骤
09-29
主要介绍了利用nginx搭建静态资源服务器的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在Linux和Windows下用nginx搭建的web服务器.rar
09-28
本教程将详细介绍如何在Linux和Windows操作系统上使用Nginx搭建Web服务器，并在Windows环境下设置Nginx服务为开机自动启动。 首先，我们来了解一下Nginx的基本概念。Nginx采用事件驱动的异步非阻塞模型，能有效处理...
nginx显示的html文件中文乱码,如何让Nginx支持中文文件名
weixin_39695374的博客
06-20 642
NginxV1.8.1 官方稳定版类型：服务器区大小：1.2M语言：英文 评分：.9标签：立即下载我们知道，web服务器处理静态文件的请求是非常高效的，特别是nginx，它宣称“支持高达 50,000 个并发连接数的响应”。中何让Nginx支持中文.首先得让你的系统有中语语言包：设置前可以执行：locale 看一下，如果显示是en_US.UTF-8，即是正常，不用按下面的步骤设置。如果显示其他编码...
Nginx的页面乱码解决方法
yanlijun250
10-23 374
在server段里加以下两行default_type 'text/html'; charset utf-8;然后重启就行了 sudo nginx -s reload
Nginx 在windows上文件服务器 网页显示中文乱码
最新发布
qq_35946365的博客
06-25 336
因为需要和前端进行 文件上传并回显的效果 所以在我本机windows11上搭建一个nginx作为文件服务器 代理本地的文件 下载后配置成功后启动 发现网页上展示的本地文件夹内的中文名称全都是乱码。首先 在 conf 下 nginx.conf 配置文件中的 server 和 location 后分别加上如下代码。勾选 使用 Unicode UTF-8 提供全球语言支持****打开 windows 控制面板。点击更改日期时间和数字格式。
接口调用web服务器nginx返回乱码问题
qq_38377190的博客
05-07 2210
最近碰到一个很奇葩的问题。线下调用公司web服务器的接口。一开始使用ip：端口号 访问接口一直都没有问题。后面访问的路径使用域名。结果出现了乱码。域名访问和ip访问最根本的区别就是域名访问经过了nginx做代理。后来发现。线下调用的url，头部信息添加了。Accept-Encoding:gzip,deflate  可接受的压缩格式。gzip是nginx的压缩格式。（gzip是浏览器可接受的压缩格式...
nginx部署(Linux)＋解决欢迎页面中文乱码
Brilliant2021的博客
01-22 1002
nginx在linux系统中的部署，解决nginx欢迎页面中文乱码
Nginx学习之静态文件服务器配置方法
09-30
Nginx是一款高性能的HTTP和反向代理服务器，常用于处理静态文件，以提高网站的性能和响应速度。本文将详细介绍如何配置Nginx作为静态文件服务器...不断学习和掌握Nginx的高级特性，可以让你更好地管理和维护web服务器。
linux服务器上使用nginx访问本地静态资源的方法
09-14
在Linux服务器环境中，为了高效地提供静态资源，如HTML、CSS、JavaScript文件和图片等，通常会使用Web服务器软件，如Nginx。Nginx以其高性能、低内存占用和强大的反向代理能力而广受欢迎。本文将详细介绍如何在Linux...
nginx访问页面中文乱码解决方案
KingOfOnePiece的博客
04-20 1万+
nginx访问页面中文乱码解决方案
nginx 中文乱码
热门推荐
m0_51525899的博客
12-22 4万+
server {undefined listen 443; server_name localhost; charset utf-8; } 在 server 中 添加charset utf-8;即可
Nginx服务器部署静态网页时如何解决界面布局出乱、或者说加载不了背景的问题
qq_38796548的博客
10-13 3473
一、问题描述 想要把实验室项目部署到Nginx服务器上进行反向代理调用，先是在本地进行了测试工作，但是打开登录页面后却发生了界面出乱，无法正常显示界面，界面如下图所示，后面在图书馆找了一本由苗泽编著的《Nginx 高性能Web服务器详解》的书仔细阅读了服务器配置内容后，才解决了问题。 二、问题解决步骤 对Nginx服务器的配置实则是对配置文件nginx.conf的配置，该文件有很多部分组成： ...
nginx的html页面中文乱码的解决办法
m0_56363716的博客
12-24 956
nginx的html页面中显示的中文。
Nginx下Html资源中文乱码问题
m0_63503465的博客
01-27 3535
nginx下html资源中文乱码问题
Nginx配置文件nginx.conf详解
weixin_42231507的博客
08-03 421
Nginx 总的 配置文件 位置 /usr/local/nginx/conf/nginx.conf nginx 正则匹配 一．正则表达式匹配，其中：  ~ 为区分大小写匹配  ~* 为不区分大小写匹配  !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 二．文件及目录匹配，其中：  -f和!-f用来判断是否存在文件  -d和!-d用来判断是否存在目录  -e和!-e用来判断是否...
nginx如何代理静态文件和设置浏览器缓存有效期
青春沐谷的博客
03-23 2587
记录nginx如何代理静态文件并设置浏览器的缓存和有效期, 浏览器缓存静态文件后, 相同的请求就会直接读取缓存, 从而节省带宽和开销
nginx静态代理
weixin_38610500的博客
09-19 651
nginx静态代理前言静态代理的实现方式一 在nginx.conf的location中配置静态资源的后缀方式二 在nginx.conf的location中配置静态资源所在目录实现案列 通过nginx访问上面myweb案例中的图片 前言     把所有静态资源的访问改为访问nginx，而不是访问tomcat，这种方式叫静态代理。因为nginx更擅长于静态资源的处理，性能更好，效率更高。     所以在实际应用中，我们将静态资源比如图片、css、html、js等交给nginx处理，而不是由t
在虚拟机上通过nginx搭建web服务器
05-13
好的，以下是在虚拟机上通过 Nginx 搭建 Web 服务器的步骤： 1. 安装 Nginx 在终端中使用以下命令安装 Nginx： ``` sudo apt-get update sudo apt-get install nginx ``` 2. 启动 Nginx 服务 安装完成后，使用以下命令启动 Nginx 服务： ``` sudo systemctl start nginx ``` 可以使用以下命令检查 Nginx 服务是否已经启动： ``` sudo systemctl status nginx ``` 如果 Nginx 服务已经启动，则终端中会显示 Active（运行中）。 3. 配置 Nginx Nginx 的默认配置文件位于 /etc/nginx/nginx.conf。可以使用以下命令打开该文件： ``` sudo nano /etc/nginx/nginx.conf ``` 在该文件中，可以配置 Nginx 的监听端口、服务器名称以及反向代理等信息。在这里，我们以配置一个简单的 Web 服务器为例。 在 http 部分中添加以下内容： ``` server { listen 80; server_name example.com; root /var/www/html; index index.html; } ``` 其中，listen 表示监听端口，server_name 表示服务器名称，root 表示 Web 服务器的根目录，index 表示默认打开的页面。 4. 创建 Web 服务器的根目录 根据上面的配置文件，Web 服务器的根目录位于 /var/www/html。使用以下命令创建该目录： ``` sudo mkdir -p /var/www/html ``` 可以在该目录下创建一个简单的 HTML 文件，用于测试 Web 服务器是否正常工作。使用以下命令创建 index.html 文件： ``` sudo nano /var/www/html/index.html ``` 在该文件中添加以下内容： ``` <!DOCTYPE html> <html> <head> <title>My Web Server</title> </head> <body> <h1>Welcome to my web server!</h1> </body> </html> ``` 5. 测试 Web 服务器是否正常工作 完成上述步骤后，可以使用浏览器访问 Web 服务器。在浏览器地址栏中输入服务器的 IP 地址或域名，例如 http://localhost 或 http://example.com，如果一切正常，应该能够看到显示“Welcome to my web server!”的页面。 以上就是在虚拟机上通过 Nginx 搭建 Web 服务器的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值