修改Font Awesome的CDN链接为https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/
创建一个新文件static.json,使用以下代码:
{
"directories": {
"public": "public"
},
"public": [
{
"source": "/static/(.*)",
"destination": "/static/$1"
}
]
}
"dependencies": {
"@fortawesome/fontawesome-free": "^5.15.3",
"express": "^4.17.1",
"express-static-gzip": "^2.0.2"
}
const express = require('express');
const expressStaticGzip = require('express-static-gzip');
const path = require('path');
const app = express();
app.use(expressStaticGzip(path.join(__dirname, 'build'), {
enableBrotli: true
}));
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
const port = process.env.PORT || 5000;
app.listen(port, () => {
console.log('App is running on port ' + port);
});
mkdir build/.fontawesome-5-svgs-cache
build/
!.gitkeep
!build/.fontawesome-5-svgs-cache/
完成以上步骤后,重新部署您的应用程序,应该就能够成功加载Font Awesome图标了。