网站设计怎么算侵权,网站设计术语,找人帮忙注册app推广,win2012 网站建设基本配置原则
明确资源目录#xff1a;为不同类型的静态资源指定不同的路径#xff0c;这样可以避免路径冲突#xff0c;并且便于管理。正确设置文件权限#xff1a;确保 Nginx 具有读取静态资源的权限。缓存优化#xff1a;为静态资源设置缓存头#xff08;如 expires为不同类型的静态资源指定不同的路径这样可以避免路径冲突并且便于管理。正确设置文件权限确保 Nginx 具有读取静态资源的权限。缓存优化为静态资源设置缓存头如 expires提高性能。目录结构清晰保持清晰、合理的目录结构避免将所有资源放在同一目录下。
示例配置
server {listen 80;server_name www.example.com; # 域名# 设置网站的根目录root /usr/local/nginx/html; # 网站根目录index index.html index.htm;# 配置静态资源路径# 配置 CSS 目录location /css/ {root /usr/local/nginx/html; # 静态资源根目录# 缓存静态资源 1 周expires 7d;add_header Cache-Control public;}# 配置 JS 目录location /js/ {root /usr/local/nginx/html; # 静态资源根目录# 缓存静态资源 1 周expires 7d;add_header Cache-Control public;}# 配置图片目录location /images/ {root /usr/local/nginx/html; # 静态资源根目录# 缓存图片 1 月expires 30d;add_header Cache-Control public;}# 配置其他文件类型的静态资源如视频、音频等location /media/ {root /usr/local/nginx/html; # 静态资源根目录# 设置缓存时间expires 30d;add_header Cache-Control public;}# 为静态文件配置错误页面error_page 404 /404.html;location /404.html {root /usr/local/nginx/html; # 设置404错误页面的目录}}配置解析
root /usr/local/nginx/html; root 指令指定了网站的根目录静态资源将会相对于此目录来寻找。比如 location /css/ 配置意味着当访问 http://your-site/css/style.css 时Nginx 会从 /usr/local/nginx/html/css/style.css 文件路径提供资源。 expires 和 Cache-Control expires 7d; 设置资源的过期时间在客户端缓存中存储。例如css 和 js 文件缓存时间为 7 天images 和 media 目录的文件缓存时间更长设置为 30 天。add_header Cache-Control public; 使得这些资源可以被缓存。 location /css/、location /js/、location /images/ 等 每个资源目录都单独配置了 locationNginx 根据请求的路径 /css/、/js/ 来匹配相应的目录。这些资源将直接从 Nginx 的根目录下提供无需代理到后端应用。 error_page error_page 404 /404.html; 用于配置自定义的错误页面。当文件未找到时Nginx 将显示自定义的 404.html 页面。 location /404.html 配置 404 错误页面的位置Nginx 会提供一个静态的 404.html 页面。
其他注意事项
文件权限 确保 Nginx 用户通常是 nginx 或 www-data对静态资源目录具有 读取权限。 避免缓存冲突 通过合理设置缓存头如 Cache-Control来避免客户端缓存过期的资源。对于不经常更新的资源如图片、字体可以设置较长的缓存时间对于经常更新的资源如 CSS 和 JS可以设置较短的缓存时间。 路径避免冲突 确保静态资源的路径如 /css/, /js/和动态路径如应用请求路径没有冲突避免路径匹配错误。
总结
通过 location 配置不同静态资源的目录可以提高配置的可维护性和清晰度。使用 expires 和 Cache-Control 来设置缓存策略提高性能。确保静态资源文件的权限和路径正确避免出现无法访问的情况。定期检查日志文件确保静态资源配置生效。
这种配置方式不仅能够有效提高网站的访问速度还能减轻服务器的压力因为浏览器可以缓存静态资源减少每次访问时对服务器的请求。
Tips
500页面参考 404页面参考 静态资源集合仓库https://gitee.com/lin_yi1/html-resources.git
