Frontend still targets retired conduit.productionready.io API host

[jaycdave88]

Summary

The AngularJS frontend is still hard-coded to call https://conduit.productionready.io/api. That host now returns a 307 redirect to https://api.realworld.io/api, which then fails with Cloudflare DNS errors, so all API calls from the app end up blocked by CORS or return 5xx responses.

Steps to Reproduce

1. Clone the repo and install dependencies (npm install).
2. Run gulp (Node 10.24.1 via nvm).
3. Open http://localhost:4000 and watch the network console.

Current Behavior

• Requests for /articles and /tags redirect to the defunct api.realworld.io origin and fail with Access-Control-Allow-Origin missing, yielding status: -1 in Angular.
• The home feed stays in the loading state and login/logout flows are unreliable because the API never returns data.
• The failing responses bubble up as Possibly unhandled rejection errors in the console. When the redirect does succeed, the backend responds with offset=NaN, leading to a 500 "Internal Server Error".

Expected Behavior

The frontend should point to the active RealWorld demo API so data loads normally and authentication continues to work.

Proposed Fix

• Update src/js/config/app.constants.js to use https://api.realworld.show/api, which is the backend referenced in the main RealWorld README.
• Refresh the README section that mentions the live API host so new users start from the correct URL.
• Guard the pagination component so it always computes a numeric limit/offset before issuing requests; this prevents offset=NaN queries that the new backend rejects with 500s.

With those changes applied locally, the home page loads articles and tags without CORS errors, and other core flows (login, favorites, editing) work again.

[jaycdave88]

Local fix that resolved the issue

diff --git a/src/js/config/app.constants.js b/src/js/config/app.constants.js
index 35de8c9..cd106ef 100644
--- a/src/js/config/app.constants.js
+++ b/src/js/config/app.constants.js
@@
-  api: 'https://conduit.productionready.io/api',
+  api: 'https://api.realworld.show/api',
   // api: 'http://localhost:3000/api',
   jwtKey: 'jwtToken',
   appName: 'Conduit',
 };

diff --git a/src/js/components/article-helpers/article-list.component.js b/src/js/components/article-helpers/article-list.component.js
index 53600da..310fc63 100644
--- a/src/js/components/article-helpers/article-list.component.js
+++ b/src/js/components/article-helpers/article-list.component.js
@@
-    this.loading = true;
-    this.listConfig = this.listConfig || {};
-
-    // Create an object for this query
-    let queryConfig = {
-      type: this.listConfig.type || undefined,
-      filters: this.listConfig.filters || {}
-    };
-
-    // Set the limit filter from the component's attribute
-    queryConfig.filters.limit = this.limit;
-
-    // If there is no page set, set page as 1
-    if (!this.listConfig.currentPage) {
-      this.listConfig.currentPage = 1;
-    }
-
-    // Add the offset filter
-    queryConfig.filters.offset = (this.limit * (this.listConfig.currentPage - 1));
+    this.loading = true;
+    this.listConfig = this.listConfig || {};
+
+    const limit = Number(this.limit);
+    const safeLimit = Number.isFinite(limit) && limit > 0 ? Math.floor(limit) : 10;
+
+    // Create an object for this query
+    let queryConfig = {
+      type: this.listConfig.type || undefined,
+      filters: this.listConfig.filters || {}
+    };
+
+    // Set the limit filter from the component's attribute
+    queryConfig.filters.limit = safeLimit;
+
+    const currentPage = Number(this.listConfig.currentPage);
+    const safePage = Number.isFinite(currentPage) && currentPage > 0 ? Math.floor(currentPage) : 1;
+
+    // If there is no page set, set page as 1
+    this.listConfig.currentPage = safePage;
+
+    // Add the offset filter
+    queryConfig.filters.offset = safeLimit * (safePage - 1);
@@
-          this.listConfig.totalPages = Math.ceil(res.articlesCount / this.limit);
+          this.listConfig.totalPages = Math.ceil(res.articlesCount / safeLimit);
         }
       );

diff --git a/README.md b/README.md
index e64dee3..3d9035a 100644
--- a/README.md
+++ b/README.md
@@
-For convenience, we have a live API server running at https://conduit.productionready.io/api for the application to make requests against.
+For convenience, we have a live API server running at https://api.realworld.show/api for the application to make requests against.

After applying these changes, the app stopped redirecting to the defunct API host and the home feed/tags now load correctly without CORS or 500 errors.