AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

nginx动静分类，静态资源放到nginx中

2024-08-19 37
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 这篇文章介绍了如何将项目中的静态资源部署到Nginx服务器中，包括将静态资源移动到Nginx目录、删除项目中的静态资源、替换静态资源访问路径、检查页面情况、修改Nginx配置文件以及重启Nginx查看效果的详细步骤。

文章目录

  • 步骤
    • 1、将项目中的静态资源放到nginx下
    • 2、项目中的静态资源删除
    • 3、项目中的静态资源访问路径替换
    • 4、查看页面情况
    • 5、修改配置文件
    • 6、查看效果

步骤

1、将项目中的静态资源放到nginx下

在这里插入图片描述

2、项目中的静态资源删除

在这里插入图片描述

3、项目中的静态资源访问路径替换

在这里插入图片描述
在这里插入图片描述

4、查看页面情况

这个时候还没进行nginx静态资源访问的配置修改，页面的样式还没有，控制台会报错资源找不到。
在这里插入图片描述
在这里插入图片描述

5、修改配置文件

 location /static/ {
         root /usr/share/nginx/html;
       }

在这里插入图片描述

6、查看效果

在修改配置后、需要重启nginx。这个时候就会访问到静态资源
在这里插入图片描述
在这里插入图片描述

文章标签：
应用服务中间件
nginx
关键词：
Nginx分类
Nginx静态资源
热爱技术的小郑
目录
相关文章
热爱技术的小郑
|
2月前
|
缓存 应用服务中间件 nginx
成功解决 Nginx更新静态资源无效 ，Nginx静态资源更新不及时，Nginx清除缓存
这篇文章讨论了在使用Nginx进行动静分离时遇到的静态资源更新不及时的问题。问题描述了在服务器上更新静态资源后，访问页面时页面没有显示更新的情况。文章提供了解决这个问题的方法，即清除浏览器缓存，并提供了相关参考文章链接。此外，还展示了问题复现的步骤和正常情况的预期结果。
热爱技术的小郑
339 1
成功解决 Nginx更新静态资源无效 ，Nginx静态资源更新不及时，Nginx清除缓存
程序员小海绵
|
1月前
|
JavaScript Java 应用服务中间件
谷粒商城笔记+踩坑（10）——商城首页和Nginx反向代理，thymeleaf+动态展示三级分类
商城首页和Nginx反向代理，thymeleaf+动态展示三级分类
程序员小海绵
151 3
谷粒商城笔记+踩坑（10）——商城首页和Nginx反向代理，thymeleaf+动态展示三级分类
爱你三千遍斯塔克
|
3月前
|
前端开发 JavaScript 应用服务中间件
Nginx静态资源概述
Nginx静态资源概述
爱你三千遍斯塔克
79 4
爱你三千遍斯塔克
|
3月前
|
前端开发 应用服务中间件 nginx
网页设计，若依项目修改（It must be done）01----若依打包位置，nginx代理前端静态资源和后端接口，就是怎样设置转载，访问固定端口，让他访问其他资料的配置文件，访问/，给你那些
网页设计，若依项目修改（It must be done）01----若依打包位置，nginx代理前端静态资源和后端接口，就是怎样设置转载，访问固定端口，让他访问其他资料的配置文件，访问/，给你那些
爱你三千遍斯塔克
95 1
陶然同学
|
5月前
|
应用服务中间件 Shell nginx
【Docker】Docker安装Nginx配置静态资源
【Docker】Docker安装Nginx配置静态资源
陶然同学
322 0
.29.
|
5月前
|
缓存 负载均衡 算法
【Nginx】静态资源部署、反向代理、负载均衡
【Nginx】静态资源部署、反向代理、负载均衡
.29.
266 0
一乐乐
|
11月前
|
JavaScript Java 应用服务中间件
nginx 配置~~~本身就是一个静态资源的服务器
nginx 配置~~~本身就是一个静态资源的服务器
一乐乐
183 1
过去日记
|
5月前
|
应用服务中间件 nginx
Nginx静态资源部署之响应内容部署（二）
Nginx静态资源部署之响应内容部署
过去日记
47 0
过去日记
|
5月前
|
应用服务中间件 nginx
Nginx静态资源部署之响应内容部署（一）
Nginx静态资源部署之响应内容部署
过去日记
43 0
我是koten
|
域名解析 运维 负载均衡
【运维知识进阶篇】Tomcat集群实战之部署zrlog博客（Tomcat服务安装+静态资源挂载NFS+Nginx负载均衡+HTTPS证书+Redis会话保持）
【运维知识进阶篇】Tomcat集群实战之部署zrlog博客（Tomcat服务安装+静态资源挂载NFS+Nginx负载均衡+HTTPS证书+Redis会话保持）
我是koten
370 1