客户-服务器架构结构（带有节点js）-将index.html文件放在哪里？

Question

我已经构建了一个服务器客户端应用程序（nodejs-在服务器上，angular-在客户端上）。

我曾经将所有代码都放在一个项目（一个文件夹）中，但后来我觉得将其按逻辑划分为服务器文件夹和客户端文件夹更有意义。

我希望断开服务器代码和客户端代码之间的所有依赖关系，从某种意义上说，双方可以独立存在。

问题：

1. 我在哪里放置index.html？

它显然与客户端有关，但是服务器（expressJS）在服务器时正在加载它。

2. 可以说我将这个index.html文件放在客户端文件夹中，如下图所示。

如何使server.js意识到这一点？

该代码不起作用：

var app = express();
app.use(bodyParser.json());
app.use('/',express.static(__dirname));

app.use('/scripts', express.static(path.join(__dirname,
    'node_modules')));

app.get('/', function (req, res) {
    res.sendFile(express.static(path.join(__dirname + '../client/index.html')));
});

Answer 1

通常对于快速应用程序，您将有一个“公共”文件夹，其中包含您的客户资产，index.html是其中之一。

app.use('/',express.static(path.join(__dirname, '/public')));

然后，运行节点服务器，打开浏览器并将其指向该服务器，然后express将在“ public”文件夹中提供“ index.html”。

解决步骤

• 将client文件夹重命名为public
• 将public拖动到server文件夹中，使其类似于server/public
• 更改app.use('/',express.static(__dirname)); 到app.use('/', express.static(path.join(__dirname, '/public')));

请注意 ： app.use('/',express.static(__dirname)); 应该避免，您正在向公众提供整个服务器目录。

如果您想更好地查看项目布局。 看看yoeman.io，特别是它具有用于快递的项目模板。

http://yeoman.io/

Yeoman帮助您启动新项目，规定最佳实践和工具来帮助您保持生产力。

Answer 2

var app = express();
app.use(bodyParser.json());
app.use('/',express.static(__dirname));

//it will serve all files in client directory under the '/' route        
app.use('/', express.static(path.join(__dirname, '/client'));
});

//and the client side scripts installed through npm will be served under '/scripts' route
app.use('/scripts', express.static(path.join(__dirname, '/client/node_modules')))

将客户端模块放在单独的文件夹中是很好的，即在client目录中也有node_module文件夹，在那里您应该安装所有应从客户端加载的模块。 除此之外， client文件夹似乎是公共的，因此值得为整个文件夹提供服务。

如果要为客户端安装模块，请转到终端中的'/client/node_modules'目录并运行npm。 因此，如果您使用的是Linux，则：

1. cd client/
2. npm init
3. npm install YOUR_DESIRED_MODULE

如果是用于服务器端的模块，请在根目录中安装模块