nginx配置前端不走缓存
时间: 2023-08-03 15:02:07 浏览: 180
要配置前端不走缓存,你可以在 Nginx 的配置文件中添加以下指令:
```
location / {
...
add_header Cache-Control "no-cache, no-store, must-revalidate";
add_header Pragma "no-cache";
add_header Expires "0";
...
}
```
这些指令将在响应头中添加 Cache-Control、Pragma 和 Expires 字段,告诉浏览器不要缓存前端资源。这样每次请求前端资源时,浏览器都会向服务器发送请求,而不是使用缓存的资源。请确保在 Nginx 配置文件中正确设置了前端资源的路径。
相关问题
nginx 配置不缓存
根据引用\[1\]和引用\[3\]的内容,可以通过在nginx的配置文件中添加一些参数来配置不缓存。具体的配置语法如下:
在nginx的配置文件中,可以在location模块下添加如下参数来配置不缓存html和htm结尾的文件:
```
if ($request_filename ~* .*\.(?:htm|html)$) {
add_header Cache-Control "no-cache, no-store";
}
```
这样配置后,nginx会在处理请求时判断请求的文件名是否以htm或html结尾,如果是的话,就会在响应头中添加Cache-Control字段,并设置为"no-cache, no-store",表示不缓存该文件。这样就实现了nginx配置不缓存的功能。
#### 引用[.reference_title]
- *1* *2* [Nginx——nginx作为缓存服务(缓存示例)](https://blog.csdn.net/li1325169021/article/details/119520577)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [nginx配置前端不缓存](https://blog.csdn.net/kuku123465/article/details/126884786)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
nginx配置不缓存html
可以通过修改nginx配置文件来实现不缓存html文件的功能。有几种方法可以实现这个目标。
一种方法是在location模块下添加expires指令,并设置为1小时,这样可以确保html文件在1小时内不会被缓存。同时,可以使用if指令来匹配请求的文件名是否以htm或html结尾,如果匹配成功,则添加Cache-Control头部,设置为"private, no-store, no-cache, must-revalidate, proxy-revalidate",这样可以确保html文件不会被缓存。具体配置如下:
```
location / {
expires 1h;
root /home/test/vue/dist/;
index index.html index.htm;
if ($request_filename ~* .*\.(htm|html)$) {
add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
}
}
```
另一种方法是直接在location模块下添加if指令来匹配请求的文件名是否以htm或html结尾,如果匹配成功,则添加Cache-Control头部,设置为"no-cache, no-store",这样可以确保html文件不会被缓存。具体配置如下:
```
location / {
root /home/test/vue/dist/;
index index.html index.htm;
if ($request_filename ~* .*\.(?:htm|html)$) {
add_header Cache-Control "no-cache, no-store";
}
}
```
以上两种方法都可以实现不缓存html文件的功能,具体选择哪种方法取决于你的需求和配置习惯。
#### 引用[.reference_title]
- *1* [nginx 部署前端项目,不缓存html文件,项目发版后,不用手动刷新页面](https://blog.csdn.net/D321xiaoding/article/details/123735986)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [nginx配置前端不缓存](https://blog.csdn.net/kuku123465/article/details/126884786)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [nginx不缓存html](https://blog.csdn.net/wangwenzhe222/article/details/125301985)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文