只是开发了一个简单的角度4应用程序使用本教程Angularjs4与快递发电机
https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli
但我怎么能角4的应用程序集成到与快递发电机??产生Express应用程序。
一种方法是REST API的方法,它表示JS应用程序用作API提供程序,角应用程序与REST API进行通信。
,但我想为来自Express应用程序本身的角度应用..
只是开发了一个简单的角度4应用程序使用本教程Angularjs4与快递发电机
https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli
但我怎么能角4的应用程序集成到与快递发电机??产生Express应用程序。
一种方法是REST API的方法,它表示JS应用程序用作API提供程序,角应用程序与REST API进行通信。
,但我想为来自Express应用程序本身的角度应用..
你可以成为它通过你的服务器是这样的:
// Catch root route and return index.html
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'app/index.html'));
});
// Catch all other routes
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'app', req.originalUrl));
});
但要注意正确的路径设置为您index.html
。
有一个称为MEAN技术栈,这意味着(巧合:) 中号 ongoDB,ë随心,甲 ngular和Ñ odejs。所以这基本上是你在找什么。
尽管您可以创建自己的文件结构,但有一个类似于Express生成器和角度cli的均值cli。你可以找到它here。
为了角正常工作(如要求像example.com/something
然后一个网站也启动路线something
)我总是回我index.html
提出任何要求,并建立明确的返回所有静态的文件。然后我创建一个路径/api
,它处理我所有的REST API请求。
确保先设置你的/api
路线,那么你的其他静态文件从角像bundle.js
最后index.html
作为路线**
。
我认为这对你有帮助。首先,我假设您使用express服务器来处理一些api请求,并假设这些路由以/api
开头。他们可能与你的不同。
ng build
建立自己的角度应用程序,它会创建一个项目文件夹名为/dist
文件夹。/public
文件夹中。你必须把它们放在一个静态路由文件夹中。 /public
文件夹是默认的静态路由文件夹。这就是我把它放在那里的原因。如果你有自己的一个,你也可以放在那里。app.js
文件如下
// Set our api routes
app.use('/api', api); // API router definitions.
// Catch all other routes and return the index file
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'dist/index.html'));
});
希望你能帮助这个样子。
谢谢。
提供说明 – Jabaa