如何在无服务端环境下实现浏览器端欧盟VAT号码SOAP校验？

问题核心原因 #

浏览器的同源策略会阻止前端直接向VIES的SOAP服务发起请求，因为该服务未配置允许跨域访问的CORS响应头。你的Node.js脚本能正常运行，是因为服务端环境不受浏览器同源策略限制。

结论：没有无需服务端的直接实现方法 #

所有浏览器端的SOAP库（包括你试过的jquery.soap等）最终都会通过浏览器HTTP API发送请求，必然会被CORS策略拦截，因此无法直接在前端完成请求。

可行的替代方案 #

1. 搭建简易Node.js代理服务 #

用Express框架写一个后端接口，接收前端的VAT校验请求，再由后端调用VIES的SOAP服务，最后把结果返回给前端。后端之间的请求不受CORS限制，可正常工作。

示例服务器代码：

const express = require('express');
const soap = require('soap');
const cors = require('cors');
const app = express();

app.use(cors());
app.use(express.json());

// 处理VAT校验的接口
app.post('/check-vat', async (req, res) => {
  const { countryCode, vatNumber } = req.body;
  const wsdlUrl = 'https://ec.europa.eu/taxation_customs/vies/checkVatService.wsdl';

  try {
    // 使用异步版本避免回调嵌套
    const client = await soap.createClientAsync(wsdlUrl);
    const result = await client.checkVatAsync({ countryCode, vatNumber });
    const responseData = result[0];

    res.json({
      countryCode,
      vatNumber,
      requestDate: responseData.requestDate,
      valid: responseData.valid,
      name: responseData.name,
      address: responseData.address
    });
  } catch (error) {
    res.status(500).json({ error: error.message });
  }
});

app.listen(3000, () => {
  console.log('代理服务运行在端口3000');
});

前端调用示例（使用fetch）：

async function validateVAT(countryCode, vatNumber) {
  try {
    const response = await fetch('http://localhost:3000/check-vat', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ countryCode, vatNumber })
    });
    const data = await response.json();
    console.log('校验结果:', data);
    return data;
  } catch (err) {
    console.error('校验失败:', err);
  }
}

// 调用示例
validateVAT('SE', '556243997501');
validateVAT('IE', '6388047V');

2. 使用无服务器函数 #

如果不想维护自己的服务器，可以用Vercel Functions、Netlify Functions等无服务器服务，编写简单函数处理SOAP请求，前端直接调用该函数的公开接口即可。这类服务会托管后端逻辑，无需自行搭建服务器。

比如Vercel的函数示例（api/check-vat.js）：

const soap = require('soap');

export default async function handler(req, res) {
  if (req.method !== 'POST') {
    return res.status(405).json({ error: '只支持POST请求' });
  }

  const { countryCode, vatNumber } = req.body;
  const wsdlUrl = 'https://ec.europa.eu/taxation_customs/vies/checkVatService.wsdl';

  try {
    const client = await soap.createClientAsync(wsdlUrl);
    const result = await client.checkVatAsync({ countryCode, vatNumber });
    const responseData = result[0];

    res.json({
      countryCode,
      vatNumber,
      requestDate: responseData.requestDate,
      valid: responseData.valid,
      name: responseData.name,
      address: responseData.address
    });
  } catch (error) {
    res.status(500).json({ error: error.message });
  }
}

部署后，前端可直接调用https://你的vercel域名/api/check-vat接口。

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