资源被解释为样式表，但在 AngularJS 中以 MIME 类型 text/html 传输答案

【问题标题】：Resource interpreted as Stylesheet but transferred with MIME type text/html in AngularJS资源被解释为样式表，但在 AngularJS 中以 MIME 类型 text/html 传输
【发布时间】：2015-12-06 22:48:31
【问题描述】：

有一个角度应用程序：

这是我的 index.html 页面的一部分：

<!DOCTYPE html>
<html lang="en" ng-app="ReApp">
<head>
    <meta charset="UTF-8">
    <title>REApp</title>
    <link rel="stylesheet" href="./lib/bootstrap/dist/css/bootstrap.min.css">
    <script src="./lib/angular/angular.min.js"></script>
</head>
<body></body>
</html>

这是我的 server.js 的一部分（起点）：

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.use('/api', api);
app.get('*', function(req, res){
    res.sendFile(__dirname + '/public/app/views/index.html');
});

问题是：当我有一条路线 (localhost:3000/first) 时，一切正常。当我有类似这样的路由时：localhost:3000/first/second，我有一个错误“资源解释为样式表，但使用 MIME 类型文本/html 传输”。在终端中，我收到了请求 - first/second/lib/angular/angular.min.js。当然我没有那个链接。请问谁知道如何在undex.html中为这个链接设置起始页？

【问题讨论】：

不要使用样式表的相对路径或使用基本标记。尝试删除路径中的前导点以使其成为绝对路径
哦，谢谢，正在写作 )

标签： javascript angularjs routes

【解决方案1】：

要解决这个问题，您只需将<base href="/"> 元素放在<title> 元素下方index.html 页面的head 部分。

【讨论】：

它对我不起作用。仍然出现同样的错误。

【解决方案2】：

就我而言，我使用的是 bower 安装的包（同样适用于 npm 或 yarn 或任何其他包管理器安装的包）。

在您的 express 代码中的某处添加此中间件，在任何其他路由声明之前。

app.use('/assets', express.static(path.join(__dirname + '/bower_components')));

第一个参数/assets 只是一个虚拟路径，不必存在于您的项目中，第二个参数是告诉 express 从bower_components 文件夹中提供静态资源。接下来，在您的标记中，包含如下样式表：

<link rel="stylesheet" href="/assets/bulma/css/bulma.min.css">

【讨论】：