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

简介: 这篇文章介绍了如何将项目中的静态资源部署到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。这个时候就会访问到静态资源
在这里插入图片描述
在这里插入图片描述

相关文章
|
4月前
|
缓存 应用服务中间件 nginx
成功解决 Nginx更新静态资源无效 ,Nginx静态资源更新不及时,Nginx清除缓存
这篇文章讨论了在使用Nginx进行动静分离时遇到的静态资源更新不及时的问题。问题描述了在服务器上更新静态资源后,访问页面时页面没有显示更新的情况。文章提供了解决这个问题的方法,即清除浏览器缓存,并提供了相关参考文章链接。此外,还展示了问题复现的步骤和正常情况的预期结果。
成功解决 Nginx更新静态资源无效 ,Nginx静态资源更新不及时,Nginx清除缓存
|
3月前
|
JavaScript Java 应用服务中间件
|
5月前
|
前端开发 JavaScript 应用服务中间件
Nginx静态资源概述
Nginx静态资源概述
|
5月前
|
前端开发 应用服务中间件 nginx
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
|
7月前
|
应用服务中间件 Shell nginx
【Docker】Docker安装Nginx配置静态资源
【Docker】Docker安装Nginx配置静态资源
385 0
|
7月前
|
缓存 负载均衡 算法
【Nginx】静态资源部署、反向代理、负载均衡
【Nginx】静态资源部署、反向代理、负载均衡
384 0
|
JavaScript Java 应用服务中间件
nginx 配置~~~本身就是一个静态资源的服务器
nginx 配置~~~本身就是一个静态资源的服务器
202 1
|
7月前
|
应用服务中间件 nginx
Nginx静态资源部署之响应内容部署(二)
Nginx静态资源部署之响应内容部署
57 0
|
7月前
|
应用服务中间件 nginx
Nginx静态资源部署之响应内容部署(一)
Nginx静态资源部署之响应内容部署
49 0
|
域名解析 运维 负载均衡
【运维知识进阶篇】Tomcat集群实战之部署zrlog博客(Tomcat服务安装+静态资源挂载NFS+Nginx负载均衡+HTTPS证书+Redis会话保持)
【运维知识进阶篇】Tomcat集群实战之部署zrlog博客(Tomcat服务安装+静态资源挂载NFS+Nginx负载均衡+HTTPS证书+Redis会话保持)
405 1