React应用能否触发打开本地.aprx文件以启动ArcGIS Pro软件？

浏览器的同源策略和安全限制会直接拦截file://类的本地资源访问，这就是你遇到“Not allowed to load local resource”错误的核心原因。以下是几种可行的解决方案：

1. 使用ArcGIS Pro官方自定义URL协议（推荐） #

ArcGIS Pro内置支持arcgispro:自定义协议，可直接通过该协议启动程序并打开指定.aprx文件，无需突破浏览器安全限制。

React组件示例代码：

const openArcGISProProject = () => {
  // 替换为你的.aprx文件本地路径，Windows路径可使用正斜杠或转义反斜杠
  const targetAprxPath = "C:/ArcGIS_Projects/MyLandUseMap.aprx";
  // 构造协议链接，对路径进行URL编码避免特殊字符问题
  const launchUrl = `arcgispro:open?path=${encodeURIComponent(targetAprxPath)}`;
  window.open(launchUrl);
};

// 组件渲染部分
return <button onClick={openArcGISProProject}>打开ArcGIS Pro项目</button>;

• 前提：ArcGIS Pro已正确安装，系统已自动注册arcgispro:协议（默认安装会完成配置）。
• 注意：路径中的特殊字符（如空格）必须编码，否则会导致解析失败。

2. 若为Electron桌面React应用 #

如果你的React应用是通过Electron打包为桌面程序，可以直接调用Node.js的系统能力执行本地命令：

const { exec } = require('child_process');

const openAprxWithElectron = () => {
  const aprxPath = "C:\\ArcGIS_Projects\\MyLandUseMap.aprx";
  // Windows下直接调用文件，系统会用关联的ArcGIS Pro打开
  exec(`start "" "${aprxPath}"`, (error) => {
    if (error) console.error('启动失败:', error.message);
  });
};

• 优势：Electron拥有系统级权限，不受浏览器安全规则限制，适合纯桌面场景的React应用。

3. 本地中间件代理（Web应用场景） #

如果是部署在服务器上的纯Web React应用，可通过本地轻量中间件中转实现：

1. 编写本地Node.js代理脚本：

const express = require('express');
const { exec } = require('child_process');
const app = express();
const port = 3001;

app.get('/launch-aprx', (req, res) => {
  const filePath = req.query.path;
  if (!filePath) return res.status(400).send('缺少文件路径参数');
  
  exec(`start "" "${filePath}"`, (error) => {
    error ? res.status(500).send('启动失败') : res.send('已触发ArcGIS Pro启动');
  });
});

app.listen(port, () => console.log('本地代理服务运行在 http://localhost:3001'));

2. React中调用代理接口：

const openAprxViaProxy = async () => {
  const aprxPath = "C:/ArcGIS_Projects/MyLandUseMap.aprx";
  try {
    await fetch(`http://localhost:3001/launch-aprx?path=${encodeURIComponent(aprxPath)}`);
  } catch (err) {
    console.error('请求本地代理失败:', err);
  }
};

• 适用场景：内部办公类Web应用，需要用户配合运行本地代理脚本。

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