使用Angular的$locationProvider来表达JS静态文件.html5Mode (express.stat

Express JS static file with Angular $locationProvider.html5Mode (express.static)

本文关键字:文件 静态 html5Mode stat express JS Angular locationProvider 使用      更新时间:2023-09-26

我有一个使用Express JS服务器端的angular应用程序。我已经删除了角# (hashbangs)与角$locationProvider.html5Mode和设置在html的头部的基础。这一切都工作得很好,直到我重新加载页面时,我不在根。例如,如果我在http://myapp.com/anypath和重新加载我的静态文件得到'任意路径'添加在即http://myapp.com/anypath/assets/css/app.css而不是http://myapp.com/assets/css/app.css

这是我的index.js我的Express服务器正在使用

var express = require('express');
var app = express();
app.set('port', (process.env.PORT || 5000));
app.use(express.static(__dirname + '/app'));
app.all('/*', function(req, res, next) {
  res.sendFile('index.html', { root: __dirname +'/app' });
});
app.listen(app.get('port'), function() {
  console.log('Node app is running on port', app.get('port'));
});

我看过https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode,知道这应该回答我的问题,但我是一个新手,不能让它工作:(

文件结构:

root >
    index.js
    node_modules
    app >
        assets >
             css
             images
        bower_components
        src >
            js
            views
我想这和快车有关。静电,但任何帮助将是伟大的!

欢呼

只是需要更仔细地检查我的css链接,'/'从前面不见了。