7

我正在使用使用 Parse-Server 的 back4app BaaS 服务。对于客户端，我使用 html5Mode(true); 运行 AngularJS；

我的问题是这不起作用：http ://app.rizop.tv/dashboard 虽然这是正确的： http: //app.rizop.tv

知道如何修复 expressJS 以正确方式处理我的路线吗？

我有这个配置：

云\app.js

// Helper modules that will be used
var path = require('path');
var bodyParser = require('body-parser')

// This imports the Router that uses the template engine
var index = require('./routers/index');

// Sets the template engine as EJS
app.set('view engine', 'ejs');

// This defines that the 'views' folder contains the templates
app.set('views', path.join(__dirname, '/views'));

// These options are necessary to 
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

// This bind the Router to the / route
app.use('/', index)

// Starts listening in the routes
app.listen();

云\路由器\index.js

// Importing express
var express = require('express');

// Creating a Router
var route = express.Router();

// Defining a route that binds the GET method
route.get('/', function(req, res) {
  // This is the code that renders the template
  res.render('index', {testParam: 'Back4Apper'});
});

module.exports = route;

云\视图\index.ejs

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  ...
</body>
...
</body>
</html>

这是我的应用程序结构：

在此处输入图像描述

4

3 回答 3

2

您可以通过对 app.js 和根 html 文件进行少量更改来使其工作

我假设您已经定义$locationProvider.html5Mode(true);了您定义路线的位置。然后在您的索引html中定义基本href 

<head>
  <base href="/">
  ...
</head>

这个答案可能有助于配置您的服务器

于 2017-01-31T05:18:06.127 回答
1

cloud/app.js 文件的最后一行不应包含 app.listen()，因为您使用的是 Cloud Code。你能试试吗？

于 2017-01-31T12:55:28.963 回答
0

我遇到了同样的问题并做了以下

我已将此路由作为最后一个选项，因此当快速路由器用完选项时，它将呈现 angular 应用程序所在的索引文件。Angular 内部路由器将解析该路由并绘制视图。

router.get('*', function (req, res) {
    res.render('index', {testParam: 'Back4Apper'});
});

显然，您可以编写一个更智能的正则表达式，而不是*根据您的需要，但您明白了。

于 2017-02-07T15:26:12.447 回答