feat: Enhance cache display and setting in proxy configuration

agent/app/service/website.go

@@ -1727,19 +1727,28 @@ func (w WebsiteService) OperateProxy(req request.WebsiteProxyConfig) (err error)
 	location.UpdateDirective("proxy_pass", []string{req.ProxyPass})
 	location.UpdateDirective("proxy_set_header", []string{"Host", req.ProxyHost})
 	location.ChangePath(req.Modifier, req.Match)
+	// Server Cache Settings
 	if req.Cache {
 		if err = openProxyCache(website); err != nil {
 			return
 		}
-		location.AddCache(req.CacheTime, req.CacheUnit, fmt.Sprintf("proxy_cache_zone_of_%s", website.Alias), req.ServerCacheTime, req.ServerCacheUnit)
+		location.AddServerCache(fmt.Sprintf("proxy_cache_zone_of_%s", website.Alias), req.ServerCacheTime, req.ServerCacheUnit)
 	} else {
-		location.RemoveCache(fmt.Sprintf("proxy_cache_zone_of_%s", website.Alias))
+		location.RemoveServerCache(fmt.Sprintf("proxy_cache_zone_of_%s", website.Alias))
 	}
+	// Browser Cache Settings
+	if req.CacheTime != 0 {
+		location.AddBrowserCache(req.CacheTime, req.CacheUnit)
+	} else {
+		location.RemoveBrowserCache()
+	}
+	// Content Replace Settings
 	if len(req.Replaces) > 0 {
 		location.AddSubFilter(req.Replaces)
 	} else {
 		location.RemoveSubFilter()
 	}
+	// SSL Settings
 	if req.SNI {
 		location.UpdateDirective("proxy_ssl_server_name", []string{"on"})
 		if req.ProxySSLName != "" {
@@ -1748,6 +1757,7 @@ func (w WebsiteService) OperateProxy(req request.WebsiteProxyConfig) (err error)
 	} else {
 		location.UpdateDirective("proxy_ssl_server_name", []string{"off"})
 	}
+	// CORS Settings
 	if req.Cors {
 		location.UpdateDirective("add_header", []string{"Access-Control-Allow-Origin", req.AllowOrigins, "always"})
 		if req.AllowMethods != "" {
@@ -1768,7 +1778,7 @@ func (w WebsiteService) OperateProxy(req request.WebsiteProxyConfig) (err error)
 		if req.Preflight {
 			location.AddCorsOption()
 		} else {
-			location.RemoveDirectiveByFullParams("if", []string{"(", "$request_method", "=", "'OPTIONS'", ")"})
+			location.RemoveCorsOption()
 		}
 	} else {
 		location.RemoveDirective("add_header", []string{"Access-Control-Allow-Origin"})

agent/utils/nginx/components/location.go

@@ -253,7 +253,7 @@ func (l *Location) ChangePath(Modifier string, Match string) {
 	l.Match = Match
 }
 
-func (l *Location) AddCache(cacheTime int, cacheUint, cacheKey string, serverCacheTime int, serverCacheUint string) {
+func (l *Location) AddBrowserCache(cacheTime int, cacheUint string) {
 	l.RemoveDirective("add_header", []string{"Cache-Control", "no-cache"})
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2)$"`, ")"})
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2|jpeg|svg|webp|avif)$"`, ")"})
@@ -271,28 +271,36 @@ func (l *Location) AddCache(cacheTime int, cacheUint, cacheKey string, serverCac
 	newDir.Block = block
 	directives = append(directives, newDir)
 	l.Directives = directives
+	l.CacheTime = cacheTime
+	l.CacheUint = cacheUint
+}
+
+func (l *Location) AddServerCache(cacheKey string, serverCacheTime int, serverCacheUint string) {
 	l.UpdateDirective("proxy_ignore_headers", []string{"Set-Cookie", "Cache-Control", "expires"})
 	l.UpdateDirective("proxy_cache", []string{cacheKey})
 	l.UpdateDirective("proxy_cache_key", []string{"$host$uri$is_args$args"})
 	l.UpdateDirective("proxy_cache_valid", []string{"200", "304", "301", "302", strconv.Itoa(serverCacheTime) + serverCacheUint})
 	l.Cache = true
-	l.CacheTime = cacheTime
-	l.CacheUint = cacheUint
+	l.ServerCacheTime = serverCacheTime
+	l.ServerCacheUint = serverCacheUint
 }
 
-func (l *Location) RemoveCache(cacheKey string) {
+func (l *Location) RemoveBrowserCache() {
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2)$"`, ")"})
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2|jpeg|svg|webp|avif)$"`, ")"})
-	l.RemoveDirective("proxy_ignore_headers", []string{"Set-Cookie"})
-	l.RemoveDirective("proxy_cache", []string{cacheKey})
-	l.RemoveDirective("proxy_cache_key", []string{"$host$uri$is_args$args"})
-	l.RemoveDirective("proxy_cache_valid", []string{"200"})
-
 	l.UpdateDirective("add_header", []string{"Cache-Control", "no-cache"})
-
 	l.CacheTime = 0
 	l.CacheUint = ""
+}
+
+func (l *Location) RemoveServerCache(cacheKey string) {
+	l.RemoveDirective("proxy_ignore_headers", []string{"Set-Cookie", "Cache-Control", "expires"})
+	l.RemoveDirective("proxy_cache", []string{cacheKey})
+	l.RemoveDirective("proxy_cache_key", []string{"$host$uri$is_args$args"})
+	l.RemoveDirective("proxy_cache_valid", []string{"200"})
 	l.Cache = false
+	l.ServerCacheTime = 0
+	l.ServerCacheUint = ""
 }
 
 func (l *Location) AddSubFilter(subFilters map[string]string) {
@@ -315,6 +323,7 @@ func (l *Location) RemoveSubFilter() {
 }
 
 func (l *Location) AddCorsOption() {
+	l.RemoveCorsOption()
 	newDir := &Directive{
 		Name:       "if",
 		Parameters: []string{"(", "$request_method", "=", "'OPTIONS'", ")"},
@@ -342,3 +351,7 @@ func (l *Location) AddCorsOption() {
 	directives = append(directives, newDir)
 	l.Directives = directives
 }
+
+func (l *Location) RemoveCorsOption() {
+	l.RemoveDirectiveByFullParams("if", []string{"(", "$request_method", "=", "'OPTIONS'", ")"})
+}

frontend/src/api/interface/website.ts

@@ -413,6 +413,7 @@ export namespace Website {
         allowHeaders: string;
         allowCredentials: boolean;
         preflight: boolean;
+        browserCache?: boolean;
     }
 
     export interface ProxReplace {

frontend/src/lang/modules/en.ts

@@ -2494,7 +2494,8 @@ const message = {
             'The password is asymmetrically encrypted and cannot be echoed. Editing needs to reset the password',
         antiLeech: 'Anti-leech',
         extends: 'Extension',
-        browserCache: 'Cache',
+        browserCache: 'Browser Cache',
+        serverCache: 'Server Cache',
         leechLog: 'Record anti-leech log',
         accessDomain: 'Allowed domains',
         leechReturn: 'Response resource',

frontend/src/lang/modules/es-es.ts

@@ -2481,6 +2481,7 @@ const message = {
         antiLeech: 'Anti-hotlink',
         extends: 'Extensiones',
         browserCache: 'Caché de navegador',
+        serverCache: 'Caché del servidor',
         leechLog: 'Registrar logs anti-hotlink',
         accessDomain: 'Dominios permitidos',
         leechReturn: 'Recurso de respuesta',

frontend/src/lang/modules/ja.ts

@@ -2408,6 +2408,7 @@ const message = {
         antiLeech: '反リーチ',
         extends: '拡大',
         browserCache: 'キャッシュ',
+        serverCache: 'サーバーキャッシュ',
         leechLog: '反リーチログを記録します',
         accessDomain: '許可されたドメイン',
         leechReturn: '応答リソース',

frontend/src/lang/modules/ko.ts

@@ -2365,6 +2365,7 @@ const message = {
         antiLeech: '링크 차단',
         extends: '확장',
         browserCache: '캐시',
+        serverCache: '서버 캐시',
         leechLog: '링크 차단 로그 기록',
         accessDomain: '허용된 도메인',
         leechReturn: '응답 리소스',

frontend/src/lang/modules/ms.ts

@@ -2465,6 +2465,7 @@ const message = {
         antiLeech: 'Anti-leech',
         extends: 'Pelanjutan',
         browserCache: 'Cache',
+        serverCache: 'Cache Pelayan',
         leechLog: 'Rekod log anti-leech',
         accessDomain: 'Domain yang dibenarkan',
         leechReturn: 'Sumber tindak balas',

frontend/src/lang/modules/pt-br.ts

@@ -2468,6 +2468,7 @@ const message = {
         antiLeech: 'Anti-leech',
         extends: 'Extensão',
         browserCache: 'Cache',
+        serverCache: 'Cache do servidor',
         leechLog: 'Registrar log anti-leech',
         accessDomain: 'Domínios permitidos',
         leechReturn: 'Recurso de resposta',

frontend/src/lang/modules/ru.ts

@@ -2467,6 +2467,7 @@ const message = {
         antiLeech: 'Анти-лич',
         extends: 'Расширение',
         browserCache: 'Кэш',
+        serverCache: 'Кэш сервера',
         leechLog: 'Записывать лог анти-лича',
         accessDomain: 'Разрешенные домены',
         leechReturn: 'Ответ ресурса',

frontend/src/lang/modules/tr.ts

@@ -2527,6 +2527,7 @@ const message = {
         antiLeech: 'Sömürü karşıtı',
         extends: 'Uzantı',
         browserCache: 'Önbellek',
+        serverCache: 'Sunucu önbelleği',
         leechLog: 'Sömürü karşıtı günlüğü kaydet',
         accessDomain: 'İzin verilen alan adları',
         leechReturn: 'Yanıt kaynağı',

frontend/src/lang/modules/zh-Hant.ts

@@ -2320,6 +2320,7 @@ const message = {
         antiLeech: '防盜鏈',
         extends: '副檔名',
         browserCache: '瀏覽器快取',
+        serverCache: '伺服器快取',
         leechLog: '記錄防盜鏈日誌',
         accessDomain: '允許的域名',
         leechReturn: '響應資源',

frontend/src/lang/modules/zh.ts

@@ -2313,6 +2313,7 @@ const message = {
         antiLeech: '防盗链',
         extends: '扩展名',
         browserCache: '浏览器缓存',
+        serverCache: '服务器缓存',
         leechLog: '记录防盗链日志',
         accessDomain: '允许的域名',
         leechReturn: '响应资源',