yeoman - font-awesome 错误：资源解释为字体但使用 MIME 类型 text/html 传输

Question

我搜索了很多，但我没有找到解决方案。

我使用 generator-angular 来生成项目并参与了 font-awesome，但我在 chrome 中收到了警告

Resource interpreted as Font but transferred with MIME type text/html: "http://gview.com/fonts/fontawesome-webfont.svg?v=4.2.0"

我注意到生成的 .htaccess 文件中有一些规则来处理字体 MIME 类型，我不知道为什么它对我不起作用。

此外，我使用ui.router作为视图路由，为了摆脱#，我在.htaccess中添加了一些规则，如下所示：

重写引擎开启

    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]

    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]

我不知道哪里错了。

非常感谢。

Answer 1

如果您使用 Grunt 为您的应用程序提供服务，您可能需要进行一些小的更改以允许其他文件扩展名通过。

connect: {
        options: {
            port: 9000,
            // Change this to '0.0.0.0' to access the server from outside.
            hostname: 'localhost',
            livereload: 35729
        },
        livereload: {
            options: {
                open: true,
                middleware: function (connect) {
                    return [
                        modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png|\\.woff|\\.ttf|\\.gif$ /index.html [L]']),

检查 Gruntfile 中的 modRewrite 以确保您拥有所需的所有文件扩展名。