Loopback远程方法误将字符串"null"转为null值的问题求助

Let me break down what's happening here and give you frontend-only fixes since you don't want to modify Loopback code.

The Root Cause #

Loopback (especially versions 2.x and 3.x) has built-in type coercion logic for remote method parameters. If your filter parameter's name field is defined as a nullable string (like String|null), Loopback automatically converts the literal string "null" to the null value. This is a default behavior intended to handle cases where frontends might pass "null" as a string to represent a null value—but it's getting in your way when you actually need to send the string "null".

Frontend (Angular) Solutions #

Here are three workarounds that don't require changing Loopback code:

1. Pass the Filter as a Query Parameter (Recommended) #

Loopback's coercion logic is stricter for request body parameters than for query parameters. By serializing your filter to a JSON string and passing it in the query string, Loopback won't tamper with the "null" string inside:

import { HttpClient, HttpParams } from '@angular/common/http';

// Build your filter object with the literal "null" string
const filterObj = { name: "null" };

// Serialize the filter to a JSON string
const filterStr = JSON.stringify(filterObj);

// Create query parameters with the serialized filter
const params = new HttpParams().set('filter', filterStr);

// Send a GET request (you can also use POST with query params)
this.http.get('/api/query', { params }).subscribe(
  (response) => console.log('Request successful:', response),
  (error) => console.error('Request failed:', error)
);

2. Use Unicode Escaping for the "null" String #

You can escape the "null" string using its Unicode character codes. Loopback won't recognize this escaped version as the literal "null" to convert, and it will resolve back to the original string after parsing:

import { HttpClient, HttpHeaders } from '@angular/common/http';

// Escape "null" to its Unicode equivalent
const escapedNullString = "\u006E\u0075\u006C\u006C";
const filter = { name: escapedNullString };

const headers = new HttpHeaders({ 'Content-Type': 'application/json' });

// Send your POST request as usual
this.http.post('/api/query', { filter }, headers).subscribe(...);

3. Verify Loopback Parameter Definition (Optional Fallback) #

If you ever reconsider making a small Loopback change, check your remote method's parameter definition. Ensure the name field in filter is explicitly set to String (not String|null). This disables the coercion logic for that field, so "null" will stay as a string. But since you said you don't want to touch Loopback code, this is just a reference note.

内容的提问来源于stack exchange，提问作者emarel