如何將後端添加到webpack模板？

我是Vue.js和Webpack的新手。我嘗試使用vue-cli來使用webpack模板。生成一個新項目後，我想添加一個後端。如何將後端添加到webpack模板？

我的問題是，如果將後端（快速服務器）添加到同一個項目是一個好主意？

或者我應該爲此創建一個新項目嗎？

2017-03-12 Erik Z

如果你看看模板的問題，你會發現很多答案。特別是Issue #456正在通過使用代理來討論此主題。代理將僅反映api貫穿當地環境。所以你沒有任何CORS問題。另一個來源位於文檔文件夾中：Backend。它基本上建議使用代理表，它將鏡像您的本地電話到某種後端。我喜歡運行兩種不同類型的項目（一個是asp.net核心web api和這個模板）。

編輯你的config/index.js喜歡的東西：

// config/index.js 
module.exports = { 
    // ... 
    dev: { 
    proxyTable: { 
     // proxy all requests starting with /api to jsonplaceholder 
     '/api': { 
     target: 'http://localhost:5431', 
     changeOrigin: true, 
     pathRewrite: { 
      '^/api': '' 
     } 
     } 
    } 
    } 
}

請求/api/posts/1將被鏡像到http://localhost:5431/posts/1。

來源

2017-03-12 14:41:49 igeligel

謝謝。我已經看到了proxyTable並使用它來設置我的項目。我的問題是如果這是做這件事的最佳方式 - 看起來是這樣。看看這裏，http://stackoverflow.com/a/41726825/162003。 –

我有同樣的問題，發現這個有趣的項目：https://github.com/danmademe/express-vue。看起來像一個可能的解決方案，並收到了相當數量的明星。免責聲明：我也是nodejs的新手，可以告訴你更多關於它的信息。我會給它一個鏡頭，特別是因爲它有兩個示例項目。

這裏是background blog post。

來源

2017-03-19 20:00:51 crisscross

謝謝。我以前見過這個端口，但這實際上是渲染服務器端的頁面。我的問題是我是否應該將我的後端邏輯添加到提供我的Webpack文件的同一臺服務器中。 –

如何將後端添加到webpack模板？

回答

相關問題