如何同时运行API-Manager与WebApp？WSO2 WebApp连接运行异常咨询

基础排查步骤 #

• 确认API-M服务状态：执行ps aux | grep wso2（Linux/macOS）或在任务管理器中查看WSO2相关进程，确保服务正常运行且默认端口（9443、8280等）未被占用
• 验证网络连通性：在WebApp所在环境执行curl -v https://<API-M_IP>:9443/api/am/publisher/v1.0/apis，检查能否正常访问API-M的基础接口
• 查看API-M日志：打开<API-M安装目录>/repository/logs/wso2carbon.log和wso2-apim.log，搜索ERROR或WARN关键字，定位连接相关异常

React项目预检查 #

• 确认依赖完整：进入WebApp的React项目根目录，执行npm install，确保无依赖缺失或安装失败
• 核对API配置：找到项目中配置API-M端点的文件（如src/config/api.js），确认API-M的base URL、端口、认证信息（API密钥/OAuth2令牌）配置正确
• 启用调试：打开浏览器开发者工具的React面板和网络面板，检查API请求是否发出、是否存在跨域或认证报错

常见问题修复 #

• 跨域错误：若浏览器控制台提示CORS异常，需在API-M的repository/conf/deployment.toml中添加跨域配置：

  [cors]
  enable = true
  allowed_origins = ["<WebApp域名>"]
  allowed_methods = ["GET", "POST", "PUT", "DELETE"]
  allowed_headers = ["Authorization", "Content-Type"]
  

  配置后重启API-M服务
• 认证失败：若API请求返回401/403，需确认WebApp使用的认证凭证已在API-M开发者门户正确生成并关联到目标API

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