标准协议路径的规则是什么？答案

【问题标题】：What are the rules for standard protocols path?标准协议路径的规则是什么？
【发布时间】：2020-08-22 20:40:47
【问题描述】：

当您将自定义协议注册为标准时，我无法理解路径解析在电子中的工作原理。

我有一个用于应用文件夹文件的基本自定义协议：

protocol.registerSchemesAsPrivileged([
  { scheme: 'app', privileges: {
                standard: true,
                secure: true,
                supportFetchAPI: true,
                corsEnabled: true,
                bypassCSP: true
            } }
])
app.on('ready', e=> {

    protocol.registerFileProtocol('app', 
                (i,o)=> console.log(i.url)||
                        o({path: path.resolve(__dirname, i.url)})
    )
    let win = new BrowserWindow()
    win.loadURL(`app://tabbed-window.html`)

}



    <script type="module" src="utils/DOM.js"></script>

    <link rel="import" 
          href="/components/Window.html" />

    <link rel="stylesheet" type="text/css"
          href="./components/Tab.css" />


    <link rel="import" 
          href="../components/icon.html" 
            data-="themes/icons/app.svg" 
            data-fas="themes/icons/fa-solid.svg" 
            data-far="themes/icons/fa-regular.svg"
            data-fab="themes/icons/fa-brands.svg" />

在日志中，我在主 .html 文件之后有一个前导斜杠，因此嵌套的 ressources 亲属路径是错误的，将 html 文件作为文件夹获取，无论每个文件如何请求（.// 甚至 @987654325 @不要避开 .html/ 文件夹！！)

{
  method: 'GET',
  url: 'app://tabbed-window.html/',
  referrer: '',
  headers: {
    Accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9'
  }
}
{
  method: 'GET',
  url: 'app://tabbed-window.html/utils/DOM.js',
  referrer: '',
  headers: {
    Origin: 'app://tabbed-window.html',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) termos/0.3.0 Chrome/80.0.3987.163 Electron/8.2.3 Safari/537.36',
    'Sec-Fetch-Dest': 'script',
    Accept: '*/*'
  }
}
{
  method: 'GET',
  url: 'app://tabbed-window.html/components/Window.html',
  referrer: '',
  headers: {
    Origin: 'app://tabbed-window.html',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) termos/0.3.0 Chrome/80.0.3987.163 Electron/8.2.3 Safari/537.36',
    'Sec-Fetch-Dest': 'unknown',
    Accept: '*/*'
  }
}
{
  method: 'GET',
  url: 'app://tabbed-window.html/components/Tab.css',
  referrer: '',
  headers: {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) termos/0.3.0 Chrome/80.0.3987.163 Electron/8.2.3 Safari/537.36',
    'Sec-Fetch-Dest': 'style',
    Accept: 'text/css,*/*;q=0.1'
  }
}
{
  method: 'GET',
  url: 'app://tabbed-window.html/components/icon.html',
  referrer: '',
  headers: {
    Origin: 'app://tabbed-window.html',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) termos/0.3.0 Chrome/80.0.3987.163 Electron/8.2.3 Safari/537.36',
    'Sec-Fetch-Dest': 'unknown',
    Accept: '*/*'
  }
}

【问题讨论】：

我发现很难理解你到底想要达到什么目的，因此也很难理解出了什么问题。你能添加一些上下文吗？
我希望我的应用程序文件有一个自定义协议，以“app://”开头并解析到应用程序文件夹，并且加载内容中的相对路径相对于文件夹而不是加载文件：<script src="my-script.js"> 应该解析为 appFolder/my-script.js 而不是 appFolder/the-embedding.html/my-script.js

标签： javascript electron url-scheme

【解决方案1】：

Electron 中的自定义协议与 file:// 协议具有相同的效果，其中文件是从本地文件系统而不是相对应用程序路径提供的。

总而言之，当您使用相对路径 (../../) 时，URL 会相对于您的本地文件系统发生变化，例如：file:///absolute/path/to/file。绝对路径使用基本 href 路径（在 angular 的情况下）。

可以使用协议 api 的拦截方法拦截指向您的资产的请求。

【讨论】：

感谢您的回答，但您没有回答有关标准协议的问题...protocol.registerSchemesAsPrivileged( .... privileges: { standard: true } )