在 Axios 请求拦截器中进行 XSS 过滤

在 Axios 请求拦截器中进行 XSS 过滤，同时考虑 get 方法的参数使用 params，post 方法的参数使用 data 的方式：

import axios from 'axios';
import xss from 'xss';

// 创建一个 Axios 实例
const instance = axios.create({
  baseURL: 'http://example.com/api',
});

// 在请求发送前进行 XSS 过滤
instance.interceptors.request.use((config) => {
  if (config.method === 'post') {
    const data = Object.assign({}, config.data);
    for (const key in data) {
      if (data.hasOwnProperty(key)) {
        data[key] = xss(data[key]);
      }
    }
    config.data = data;
  } else if (config.method === 'get') {
    const params = Object.assign({}, config.params);
    for (const key in params) {
      if (params.hasOwnProperty(key)) {
        params[key] = xss(params[key]);
      }
    }
    config.params = params;
  }
  return config;
});

export default instance;

在这个示例中，我们创建了一个 Axios 实例，并在请求拦截器中对请求参数进行 XSS 过滤。在拦截器中，我们使用 xss 库来对请求参数进行过滤，并返回一个新的参数对象，以确保不会破坏原本的参数。具体来说，我们遍历请求参数对象的键值对，对每个值进行 XSS 过滤。如果请求方法为 post，则对请求参数的 data 进行过滤，如果请求方法为 get，则对请求参数的 params 进行过滤，否则直接返回原始请求参数对象。
for…in 循环是 JavaScript 中一种遍历对象属性的方式。在这个示例中，我们使用 for…in 循环遍历请求参数对象的属性，并对每个属性值进行 XSS 过滤。

具体来说，在 for…in 循环中，我们使用 hasOwnProperty() 方法来检查对象是否具有指定的属性。如果对象具有该属性，则对该属性的值进行 XSS 过滤。

例如，如果请求参数对象为：

const data = {
name: ‘ 替换为安全的字符串。对于 age 属性，由于其值为数值类型，因此不需要进行 XSS 过滤。

因此，for…in 循环的作用是遍历请求参数对象的属性，并对属性值进行 XSS 过滤，以确保输入数据的安全性。