微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法解码下载的字体,使用nginx部署的Angular 6应用程序上的OTS打包错误

我在ngnix上部署了具有以下结构的角度dist文件夹.但得到解码下载字体失败:host / rfid / fontawesome-webfont.af7ae505a9eed503f8b8.woff2?v = 4.7.0; OTS解析错误:无效的版本标记错误.

这是我如何包含字体 – 真棒.

的package.json

"dependencies": {
-------
"font-awesome": "^4.7.0",
--------
}

angular.json

"styles": [
-----,
"node_modules/font-awesome/scss/font-awesome.scss",
-----
]

这是我正在部署dist文件夹的路径.

/user/www/data/rfid/dist

以下是我的Nginx conf文件default.conf.

proxy_cache_path /tmp/Nginx levels=1:2 keys_zone=Nginx_cache_zone:10m inactive=60m;
proxy_cache_key "$scheme$request_method$host$request_uri";

client_max_body_size 20M;
proxy_read_timeout 600;

server {
    listen 80 default_server;
    server_name something;
    location /rfid/ {
      alias /user/www/data/rfid/dist/;
      try_files $uri$args $uri$args/ /rfid/index.html;
   }
}

我还要包括我的构建内容.

Angular 6 app dist

在这里错过了什么?提前致谢.

编辑:如果这是查询字符串附加到正在查找文件的URL的问题,当我只指定依赖项并添加sass文件时,我可以做什么?

解决方法:

我发现有这些问题,最好的办法是检查依赖存储库上的问题跟踪器. 84%的时间你会发现遇到同样问题的其他人.

I dropped your error in the font-awesome issue tracker看起来有些人遇到了类似的问题:

07001

例:

@font-face {
  font-family: 'FontAwesome';
  src: font-url("font-awesome/fonts/fontawesome-webfont.eot");
  src: font-url("font-awesome/fonts/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), font-url("font-awesome/fonts/fontawesome-webfont.woff2") format('woff2'), font-url("font-awesome/fonts/fontawesome-webfont.woff") format('woff'), font-url("font-awesome/fonts/fontawesome-webfont.ttf") format('truetype'), font-url("font-awesome/fonts/fontawesome-webfont.svg#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}

希望有所帮助.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐