Кутове видання IE-кешування для $ http

Усі дзвінки ajax, що надсилаються з IE, кешуються Angular, і я отримую 304 responseдля всіх наступних дзвінків. Хоча запит однаковий, відповідь у моєму випадку не буде однаковою. Я хочу відключити цей кеш. Я спробував додати cache attribute$ http.get, але все ж це не допомогло. Як можна вирішити це питання?

Замість того, щоб вимикати кешування для кожного GET-запиту, я його відключаю глобально в $ httpProvider:

myModule.config(['$httpProvider', function($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};    
    }    

    // Answer edited to include suggestions from comments
    // because previous version of code introduced browser-related errors

    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
    // extra
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);

Ви можете або додати унікальний запит (я вважаю, що це jQuery робить із кешем: помилковий варіант) до запиту.

$http({
    url: '...',
    params: { 'foobar': new Date().getTime() }
})

Можливо, краще рішення - якщо у вас є доступ до сервера, тоді ви можете переконатися, що необхідні заголовки встановлені для запобігання кешування. Якщо ви використовуєте ASP.NET MVC цю відповідь, може допомогти.

ви можете додати перехоплювач.

myModule.config(['$httpProvider', function($httpProvider) {
 $httpProvider.interceptors.push('noCacheInterceptor');
}]).factory('noCacheInterceptor', function () {
            return {
                request: function (config) {
                    console.log(config.method);
                    console.log(config.url);
                    if(config.method=='GET'){
                        var separator = config.url.indexOf('?') === -1 ? '?' : '&';
                        config.url = config.url+separator+'noCache=' + new Date().getTime();
                    }
                    console.log(config.method);
                    console.log(config.url);
                    return config;
               }
           };
    });

слід видалити лінії console.log після підтвердження.

Я просто додав три метатеги до index.html для кутового проекту, і проблема кешу була вирішена в IE.

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Sat, 01 Dec 2001 00:00:00 GMT">

Дублювання моєї відповіді в іншій темі .

Для Angular 2 та новіших версій найпростіший спосіб додавання no-cacheзаголовків шляхом перестановки RequestOptions:

import { Injectable } from '@angular/core';
import { BaseRequestOptions, Headers } from '@angular/http';

@Injectable()
export class CustomRequestOptions extends BaseRequestOptions {
    headers = new Headers({
        'Cache-Control': 'no-cache',
        'Pragma': 'no-cache',
        'Expires': 'Sat, 01 Jan 2000 00:00:00 GMT'
    });
}

І посилайтеся на це у своєму модулі:

@NgModule({
    ...
    providers: [
        ...
        { provide: RequestOptions, useClass: CustomRequestOptions }
    ]
})

Гарантоване, що я працював, було чимось таким чином:

myModule.config(['$httpProvider', function($httpProvider) {
    if (!$httpProvider.defaults.headers.common) {
        $httpProvider.defaults.headers.common = {};
    }
    $httpProvider.defaults.headers.common["Cache-Control"] = "no-cache";
    $httpProvider.defaults.headers.common.Pragma = "no-cache";
    $httpProvider.defaults.headers.common["If-Modified-Since"] = "Mon, 26 Jul 1997 05:00:00 GMT";
}]);

Я повинен був об'єднати 2 з вищевказаних рішень для того , щоб гарантувати правильне використання всіх методів, але ви можете замінити commonз getабо іншим методом , тобто put, post, deleteщоб зробити цю роботу для різних випадків.

Цей єдиний рядок допоміг мені (кутовий 1.4.8):

$httpProvider.defaults.headers.common['Pragma'] = 'no-cache';

UPD: Проблема в тому, що IE11 робить агресивне кешування. Коли я заглядав у Fiddler, я помітив, що в режимі F12 запити надсилають "Pragma = no-cache", а кінцева точка запитується кожного разу, коли я відвідую сторінку. Але в звичайному режимі кінцеву точку запитували лише один раз під час першого відвідування сторінки.

Щоб уникнути кешування, одним із варіантів є надання різної URL-адреси для одного ресурсу чи даних. Щоб генерувати різні URL-адреси, ви можете додати до кінця URL-адреси випадковий рядок запиту. Ця методика працює для запитів ajax JQuery, Angular або інших типів.

myURL = myURL +"?random="+new Date().getTime();

Я вирішую, додаючи дату часу як випадкове число:

$http.get("/your_url?rnd="+new Date().getTime()).success(function(data, status, headers, config) {
    console.log('your get response is new!!!');
});

Наведене вище рішення буде спрацьовувати (зробимо URL унікальним, додавши в запит рядків новий парам), але я віддаю перевагу запропонувати рішення [тут]: Кращий спосіб запобігти кеш IE в AngularJS?, які обробляють це на рівні сервера, оскільки це не характерно для IE. Я маю на увазі, якщо цей ресурс не повинен кешуватися, зробіть це на сервері (це не має нічого спільного з використовуваним браузером; це ресурс інтрисивно).

Наприклад, у java з JAX-RS роблять це програмно для JAX-RS v1 або декласивно для JAX-RS v2.

Я впевнений, що хтось зрозуміє, як це зробити

Це трохи до старого, але: Рішення на кшталт застаріло. Нехай сервер обробляє кеш або не кеш (у відповіді). Єдиний спосіб гарантувати відсутність кешування (думаючи про нові версії у виробництві) - це змінити файл js або css з номером версії. Я роблю це за допомогою webpack.

також ви можете спробувати у своєму сервісі встановити заголовки типу:

...
імпорт {Injectable} з "@ angular / core";
імпортувати {HttpClient, HttpHeaders, HttpParams} з "@ angular / common / http";
...
 @Injectable ()
експортний клас MyService {

    приватні заголовки: HttpHeaders;


    конструктор (приватний http: HttpClient ..) 
    {


        this.headers = нові HttpHeaders ()
                    .append ("Тип вмісту", "додаток / json")
                    .append ("Прийняти", "application / json")
                    .append ("LanguageCulture", this.headersLanguage)
                    .append ("Кеш-контроль", "без кешу")
                    .append ("Прагма", "без кешу")                   
    }
}
….

Правильне рішення на стороні сервера: кращий спосіб запобігти кеш IE в AngularJS?

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "None")]
public ActionResult Get()
{
    // return your response
}

Ця проблема пов'язана з проблемою кешування IE, як ви сказали, ви можете протестувати її в режимі налагодження IE, натиснувши f12 (це буде добре працювати в режимі налагодження) .IE не буде приймати дані сервера щоразу, коли сторінка дзвонить, це займе дані з кешу. Щоб вимкнути це, виконайте одну з наступних дій:

1. додайте наступне до URL-адреси запиту служби http

// Раніше (видав)

this.httpService.get (this.serviceUrl + "/eAMobileService.svc/ValidateEngagmentName/" + присвоєння імені, {})

// Після (добре працює)

this.httpService.get (this.serviceUrl + "/eAMobileService.svc/ValidateEngagmentName/" + angažmentName + "? DateTime =" + new Date (). getTime () + '', {cache: false})

2. відключити кеш для всього Модулю: -

$ httpProvider.defaults.headers.common ['Pragma'] = 'без кешу';

meta http-equiv="Cache-Control" content="no-cache"

Я щойно додав це до View, і він почав працювати над IE. Підтверджено для роботи над кутовим 2.

Варіант полягає у використанні простого підходу додавання Timestamp до кожного запиту, не потрібно очищати кеш.

    let c=new Date().getTime();
    $http.get('url?d='+c)

Спробуйте, це працювало для мене у подібному випадку: -

$http.get("your api url", {
headers: {
    'If-Modified-Since': '0',
    "Pragma": "no-cache",
    "Expires": -1,
    "Cache-Control": "no-cache, no-store, must-revalidate"
 }
})