Svelte中配置Universal Links：.well-known文件放置位置咨询

你的配置是App Links标准格式，核心要求是配置文件必须能通过https://你的域名/.well-known/apple-app-site-association路径直接访问（注意文件无需加.json后缀）。针对不同项目类型，给出具体解决方案：

1. 静态站点/纯HTML项目 #

• 在项目根目录创建.well-known文件夹，将配置文件命名为apple-app-site-association放入其中
• 部署时确保.well-known文件夹被完整上传到服务器根目录，同时检查服务器配置（如Nginx/Apache），允许访问以.开头的目录

2. React/Vue等单页应用（SPA） #

• 将.well-known文件夹直接放入项目的public目录，构建部署后会自动同步到服务器根目录
• 若仍无法访问，需修改后端路由规则，避免前端SPA路由拦截该路径。以Nginx为例，添加如下配置片段：

  location /.well-known/ {
      root /usr/share/nginx/html; # 替换为你的静态文件根目录
      try_files $uri $uri/ =404;
  }
  

3. Node.js/Express后端项目 #

有两种可行方式：

• 静态文件托管：在项目的静态资源目录（如public）下创建.well-known文件夹，放入配置文件，然后通过express.static托管：

  const express = require('express');
  const app = express();
  app.use(express.static('public'));
  

• 手动路由返回：直接通过接口返回配置内容，无需创建物理文件：

  const express = require('express');
  const app = express();
  
  app.get('/.well-known/apple-app-site-association', (req, res) => {
      res.setHeader('Content-Type', 'application/json');
      res.send({
          "appLinks": {
              "details": [
                  {
                      "appID" : "****.com.---",
                      "paths" : ["*"]
                  }
              ]
          }
      });
  });
  

验证步骤 #

部署完成后，直接在浏览器访问https://你的域名/.well-known/apple-app-site-association，确认能看到完整的JSON内容，且响应头的Content-Type为application/json（text/plain也可被识别，但推荐设置正确类型）。

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