Question

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

我使用generator-angular来生成项目并且涉及到字体很棒，但是我在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中添加了一些规则，如下所示：

上的RewriteEngine

    # 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，确保您拥有所需的所有文件扩展名。

font-awesome error：资源解释为Font但使用MIME类型text / html传输

1 个答案: