可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

Have an angular application:

This is part of my index.html page:

<!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>

This is part of my server.js(start point):

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');
});

Problem is: when i have one route (localhost:3000/first) everything working. When i have route something like that: localhost:3000/first/second, i have an error "Resource interpreted as Stylesheet but transferred with MIME type text/html". In the terminal i have get request - first/second/lib/angular/angular.min.js. Of course i don't have that link. May who knows how to set a start page for this links in undex.html?

回答1:

To fix this issue all you have to do is place the <base href="/"> element just below the <title> element in the head section of index.html page.

回答2:

In my case, I was using packages installed by bower (the same should work for npm or yarn or any other package manager installed packages as well).

Add this middleware somewhere in your express code, before any other route declarations.

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

The first argument /assets is just a virtual path that doesn't have to exist in your project, and the second one is telling express to serve static assets from the bower_components folder. Next, in your markup, have your stylesheet inclusions like the following:

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

Resource interpreted as Stylesheet but transferred

问题:

回答1:

回答2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮