如何在Tauri应用中配置现有网页URL及解决运行端口问题

问题背景 #

用Vite框架创建Tauri应用后，运行时默认使用vite.config.js配置的端口；已在tauri.config.json的build.devpath中填写了部署好的外部网页URL，但Tauri应用无法正常加载该网页。

解决步骤 #

• 配置跨域权限
  外部网页所在服务器必须允许Tauri应用的跨域请求，否则会被安全策略拦截。如果网页是你自己部署的，可在服务器添加允许Tauri的Origin（如tauri://localhost）；也可在tauri.config.json的security.csp中调整规则：

  "csp": "default-src 'self' 你的网页域名; script-src 'self' 'unsafe-inline' 你的网页域名;"
  

• 确认devpath格式
  确保devpath是完整的HTTP/HTTPS URL，比如https://xxx.yourdomain.com，不能省略协议头。

• 关闭本地Vite服务（可选）
  既然要加载外部网页，不需要Vite启动本地服务，可修改package.json的启动命令，直接运行tauri dev，避免本地端口占用干扰。

• 配置Tauri资源访问白名单
  在tauri.config.json的security.allowlist中，明确允许访问目标网页：

  "allowlist": {
    "http": {
      "all": true,
      "scope": ["https://你的网页域名/**"]
    }
  }
  

• 验证网页可用性
  先在普通浏览器打开填写的URL，确认网页能正常加载、无JS报错或资源加载失败情况——Tauri的WebView基于系统浏览器内核，浏览器能正常运行的网页，Tauri才能正常加载。

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