AngularJs调用RESTful POST接口时阿拉伯字符乱码问题及ContentType设置

我之前帮不少开发者排查过类似的字符编码问题，你遇到的阿拉伯字符被转成特殊字符的情况，核心原因基本都是请求编码格式不匹配或者ContentType配置不正确导致的。下面给你一套完整的解决方案：

问题根源 #

默认情况下，AngularJS的$http服务发送POST请求时，可能会使用application/x-www-form-urlencoded格式编码请求体，这种编码方式对阿拉伯语这类非ASCII字符的支持很差，会把它们转成%XX格式的特殊字符，导致后端解析出乱码。我们需要明确指定使用UTF-8编码的JSON格式来传输数据。

具体解决方案 #

1. 全局配置（推荐） #

如果你的应用中有很多需要传输阿拉伯字符的POST请求，可以在AngularJS的配置阶段全局设置$httpProvider，统一配置请求头和编码：

angular.module('yourAppModule', [])
.config(['$httpProvider', function($httpProvider) {
    // 全局设置POST请求的Content-Type为UTF-8编码的JSON
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/json; charset=utf-8';
    
    // 确保请求体被序列化为UTF-8编码的JSON字符串
    $httpProvider.defaults.transformRequest = function(data) {
        if (angular.isUndefined(data)) {
            return data;
        }
        return angular.toJson(data);
    };
}]);

2. 单个请求单独配置 #

如果只需要针对某一个POST请求做配置，可以在调用$http.post时传入配置参数：

// 假设yourArabicData是包含阿拉伯字符的对象
const yourArabicData = {
    title: 'مثال عنوان',
    content: 'هذا هو محتوى باللغة العربية'
};

$http.post('/api/your-endpoint', yourArabicData, {
    headers: {
        // 单独设置该请求的Content-Type
        'Content-Type': 'application/json; charset=utf-8'
    },
    // 显式序列化数据为JSON
    transformRequest: function(data) {
        return angular.toJson(data);
    }
})
.then(function(response) {
    console.log('请求成功:', response.data);
})
.catch(function(error) {
    console.error('请求失败:', error);
});

3. 后端配合配置 #

光前端配置还不够，后端也需要确保能正确接收UTF-8编码的请求：

• 比如Java后端，可以在Servlet中添加request.setCharacterEncoding("UTF-8")；
• Spring Boot项目可以在配置文件中添加spring.http.encoding.enabled=true和spring.http.encoding.force=true；
• 其他语言的后端也要对应设置请求的编码为UTF-8，确保前后端编码一致。

避坑提醒 #

不要使用$httpParamSerializerJQLike来序列化包含阿拉伯字符的数据，这种方式是模拟jQuery的表单编码，会把非ASCII字符转义成特殊字符，完全不适合传输多语言文本。

内容的提问来源于stack exchange，提问作者Anil kumar Mullamuri