Webpackテンプレートにバックエンドを追加するにはどうすればよいですか？

Question

Vue.jsとWebpackが新しくなりました。 vue-cliを使ってwebpackテンプレートを使用しようとしています。 新しいプロジェクトを生成した後、バックエンドを追加したいと思います。

私の質問は、バックエンド（エクスプレスサーバー）を同じプロジェクトに追加することをお勧めしますか？

これに対して新しいプロジェクトを作成する必要がありますか？

Answer 1

テンプレートの問題を調べると、多くの回答が見つかります。特にIssue #456は、このトピックについてプロキシを使用して説明しています。プロキシは、APiをミラーリングしてローカル環境を実行します。したがって、CORSの問題はありません。 別のソースは、ドキュメントフォルダBackendにあります。基本的には、ローカルコールを何らかのバックエンドに反映させるプロキシテーブルを使用することをお勧めします。私は2つの異なるタイプのプロジェクト（1つのasp.netコアWeb APIとこのテンプレート）を実行するのが好きです。以下のようなものに

編集して設定/ index.js：/api/posts/1へ

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

要求はhttp://localhost:5431/posts/1にミラーリングされます。

Answer 2

私は同じ質問をして、この興味深いプロジェクトを見つけました：https://github.com/danmademe/express-vue。可能な解決策のように見え、まともな量の星を受け取った。免責事項：私はnodejsも新しく、詳細を教えてくれます。特に2つのプロジェクト例があるので、私はそれにショットをつけます。

ここにはbackground blog postがあります。