我一直在使用一个开源网站来托管一个域名。
原来的github项目是使用symfony来构建项目的。
"scripts": {
"dev-server": "encore dev-server",
"dev": "encore dev",
"watch": "encore dev --watch",
"build": "encore production --progress"
}
我注意到当部署到IPFS时，index.html使用了绝对路径:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="icon" type="image/png" href="/build/images/fav.png" />
<link rel="stylesheet" href="/build/main.css">
<script src="/build/main.js"></script>
</head>
<body>
<main>
<img id="logo" src="/build/images/logo.png" alt="Logo" />
<div id="minting-dapp"></div>
</main>
<div id="notifications"></div>
</body>
</html>
所以我删除了index.html文件，并决定使用重建项目，但我注意到encore，不构建index.html文件。
我想我的index.html文件更新使用与构建。
我如何配置它使用homepage变量来使用相对路径类似于npm构建的工作方式，参见参考答案
Encore不构建任何html文件，它生成js和css文件如供应商文件，运行时，…
→Webpack安可
如果html文件是index.html.twig
你可以直接在代码中指定它:
<body>
<main>
<img id="logo" src="{{ asset('/images/logo.png')}}" alt="Logo" />
<div id="minting-dapp"></div>
</main>
<div id="notifications"></div>
</body>
然后它不会使用绝对路径->检查资产组件