nginx配置前端可访问文件

最新推荐文章于 2024-07-30 14:14:13 发布
最新推荐文章于 2024-07-30 14:14:13 发布
阅读量756 收藏
点赞数
分类专栏： linux 文章标签： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45005012/article/details/112868706
版权

/etc/nginx/conf.d/nginx.conf 中 第二个 server 中配置

PreviewArea -> 指需要被访问的文件夹, 需将该文件夹配置 777 权限

/data10/website -> 需要被访问的文件夹的文件路径, 最好将文件目录配置 777 权限

root -> 当前用户
-> 匹配到就停止

location ~/PreviewArea/(.*) {
root /data10/website;
expires 1h;
access_log off;
}

锅巴男孩
关注
专栏目录
前端必备 Nginx 配置
2401_84435192的博客
04-27 1094
$host | 请求信息中的Host，如果请求中没有Host行，则等于设置的服务器名 || $request_method | 客户端请求类型，如GET、POST || $remote_addr | 客户端的IP地址 || $args | 请求中的参数 || $content_length | 请求头中的Content-length字段 || $http_user_agent | 客户端agent信息 || $http_cookie | 客户端cookie信息 |
Liunx上安装nginx详细步骤以及nginx配置前端页面
a754782427的博客
08-02 1184
Liunx上安装nginx详细步骤以及nginx配置前端页面
nginx安装和前端访问配置
weixin_44956870的博客
06-06 988
将所有请求导 index.html。sudo yum install epel-release（本次安装nginx未执行该条命令）【前端nginx访问配置】8001系统+10002系统+10003系统+10005系统。
Nginx静态服务功能访问前端页面（黑马头条Day01）
FLJS_T的博客
03-03 1511
比如：我们访问淘宝的时候，淘宝内部肯定不是只有一台服务器，它的内部有很多台服务器，那我们进行访问的时候，因为服务器中间session不共享，那我们是不是在服务器之间访问需要频繁登录，那这个时候淘宝搭建一个过渡服务器，对我们是没有任何影响的，我们是登录一次，但是访问所有，这种情况就是 反向代理。（在服务器中配置代理服务器）当请求http://qingshan.com/123/abc/logo.png时，会返回 /ABC/123/abc/logo.png文件，即用/ABC 加上 /123/abc。
nginx部署前端项目完整步骤
最新发布
CMDN123456的博客
07-30 319
nginx部署前端项目完整步骤
Nginx部署前端文件
weixin_43114377的博客
01-27 4372
1、说明 部署前端静态文件，因为没有后端代码，用Nginx在本机部署就可以，很方便，步骤如下。 2、 端口配置 配置端口，在nginx解压包的conf/nginx.conf下修改监听的端口号， 3、部署文件放置 在nginx包下有个HTML文件夹，把前端同事给的程序包 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语
Nginx 常用的基础配置（前端相关方面）
chengbo_eva的博客
06-10 2194
Nginx 常用的基础配置（前端相关方面）
nginx配置前端静态文件
路在脚下
02-16 1159
访问本地绝对路径下的静态html
nginx发布前端静态文件配置
02-17
首先，了解基本的Nginx配置结构至关重要。Nginx的配置文件通常位于`/etc/nginx/nginx.conf`，但也可以根据需求创建多个server块以处理不同域名或项目。一个典型的server块包括listen指令（指定监听的端口）、server_...
Vue项目部署Nginx配置文件 SSL
08-11
在部署 Vue 项目时，Nginx 配置文件 `nginx.conf` 的关键设置如下： 1. **基本配置**： - `server` 块：定义一个监听特定端口（通常是80）的服务器实例。 ```nginx server { listen 80; server_name your...
前端必备Nginx配置详解
09-29
1. `nginx -t`: 检查Nginx配置文件的语法错误。 2. `nginx -s reload`: 实现热加载，重新加载配置文件，不影响正在处理的请求。 3. `nginx -s stop`: 快速关闭Nginx服务，不等待当前请求处理完毕。 4. `nginx -s ...
nginx可访问文件
jw的博客
08-12 1248
设置可访问静态资源目录 server { ... ... location /img/{#要显示的路径 alias D:/code/web/upload/;#实际要访问的目录 autoindex on; } }
写给前端同学的Nginx配置指南
共同学习、强我国家
08-25 1323
Nginx的主配置文件()按以下结构组织：配置块功能描述全局块与Nginx运行相关的全局设置events块与网络连接有关的设置http块代理、缓存、日志、虚拟主机等的配置server块虚拟主机的参数设置（一个http块可包含多个server块）location块定义请求路由及页面处理方式配置文件示例一个比较全的配置文件示例如下。# 全局段配置# 指定运行nginx的用户或用户组，默认为nobody。# 设置工作进程数，通常设置为等于CPU核心数。
Nginx搭建前端静态服务器+文件服务器
希爷的博客
09-10 270
一、Nginx的虚拟主机介绍 大家可能被虚拟主机不太了解，那我们的解释一下，虚拟主机指在一台物理主机服务器上划分出多个磁盘空间，每个磁盘空间都是一个虚拟主机，每台虚拟主机都可以对外提供Web服务，并且互不干扰。 就类似我们本地虚拟机，我们可以在window系统上面安装一个虚拟机，在虚拟机里面安装很多个系统。那这样的话我们就可以模拟很多个服务器。 Nginx虚拟主机配置, 我们可以在一台机器上面配置很多个虚拟主机配置多个域名。那这样的话我们就可以靠虚拟主机转发到不同的应用,就不用每个系统都配置一个Ngi
Nginx配置文件nginx.conf的基本配置
qq_43805456的博客
01-04 1万+
1.Nginx配置样例 例如页面请求地址为http://www.sayhi.com/products/pageManage，则在nginx.conf中配置server如下： server { listen 80; #监听80的服务端口 server_name www.sayhi.com; #监听的域名 location /{ r...
快速掌握Nginx部署前端项目（从Nginx安装配置及部署都非常详细哦！）
m0_67477525的博客
10-28 1万+
之前在Linux系统中部署了后端项目，今天继续来给大家分享如何部署前端项目。涉及到了Nginx的简单介绍以及Nginx如何安装及配置并且能够部署前端项目Nginx是一个轻量级的反向代理web服务器，在当今应用地非常广泛，特别是前后端分离的情况下。
前端配置nginx访问路径
qq_43380361的博客
07-22 2041
代码】前端配置nginx访问路径。
使用nginx部署前端项目（超详细教程）
热门推荐
IT小辉同学
04-29 2万+
愿我们的付出都值得
【运维】Linux安装Nginx并部署前端项目【内/外网-保姆级教程】
m0_64210833的博客
06-06 1万+
Linux安装Nginx并部署前端项目的两种方式【内/外网-保姆级教程】
nginx配置前端跨域访问以及压缩文件
06-07
好的，让我来介绍一下如何在Nginx中配置前端跨域访问以及压缩文件。 1. 配置前端跨域访问。在Nginx的配置文件中加入以下内容： ``` location /api { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT'; add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, Authorization'; if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT'; add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, Authorization'; return 204; } } ``` 这里的`/api`是你的后端接口路径，`Access-Control-Allow-Origin`表示允许的跨域来源，`Access-Control-Allow-Methods`表示允许的跨域请求方法，`Access-Control-Allow-Headers`表示允许的跨域请求头信息。 2. 配置文件压缩。在Nginx的配置文件中加入以下内容： ``` gzip on; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; ``` 这里的`gzip on`表示开启压缩，`gzip_types`表示需要压缩的文件类型。 配置完成后，Nginx会自动对需要压缩的文件进行压缩，然后发送给客户端浏览器。 3. 保存并退出配置文件，然后重启Nginx服务器： ``` sudo systemctl restart nginx ``` 现在，你已经成功在Nginx中配置了前端跨域访问和文件压缩。如果你的前端项目和后端项目在不同的域名或者端口下，可以通过配置跨域访问来实现数据交互。同时，压缩文件可以减小文件大小，提高网页加载速度，优化用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值