只是開發了一個簡單的角度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