1

我有这个 Angular 应用程序，我试图在 Azure 上使用 Linux Web 应用程序来托管它。部署后，我无法加载网站，所以经过一番研究，我发现我需要添加一个 index.js 文件（Cannot GET index.html Azure Linux Web App）

这解决了我无法加载我的网站的事实。但它不能解决角度路由问题。如果我导航到有角度的路线并点击刷新，页面不会被重定向到 index.html，我会收到 404 响应。（参见http://ecominas-website-qas.azurewebsites.net）

这是我的 index.js

var express = require('express');
var server = express();
var options = {
    index: 'index.html'
};
server.use('/', express.static('/home/site/wwwroot', options));
server.listen(process.env.PORT);

我还尝试按照此处在 azure linux app service 中托管 Angular 应用程序的描述添加 web.config ，但这不会加载 index.html 页面，并且会显示默认的“一切正常但未找到应用程序”页面。

我怎样才能让角度路线工作？

谢谢

4

1 回答 1

4

所以，我终于设法让它工作了。经过几天的研究和尝试/错误，这是可供将来参考的 index.js

var express = require('express');
var path = require('path');

var server = express();
var options = {
    index: 'index.html',
    redirect: true,
};
server.use(express.static('/home/site/wwwroot', options));
const allowedExt = [
    '.js',
    '.ico',
    '.css',
    '.png',
    '.jpg',
    '.woff2',
    '.woff',
    '.ttf',
    '.svg',
  ];

server.get('*', (req, res) => {
    if (allowedExt.filter(ext => req.url.indexOf(ext) > 0).length > 0) {
        res.sendFile(path.resolve(req.url));
    } else {
        res.sendFile(path.resolve('index.html'));
    }
});
server.listen(process.env.PORT);
于 2019-07-30T02:50:59.037 回答