Vue Cli Webpack Proxy

Question

私はvue-cliとWebpackテンプレートを使って開発しています。すべてが完璧に動作しますが、私はカスタムホストを使用していくつかの問題を抱えています。今すぐWebpackはlocalhost：8080（またはそれに類する）を聞き、http://project.devなどのカスタムドメインを使用できるようにしたいと考えています。誰かがこれを理解していますか？

問題が存在する場所である可能性があります： https://github.com/chimurai/http-proxy-middleware

私もproxyTableにこれを追加しました： proxyTable: { 'localhost:8080' : 'http://host.dev' }をし、それが何かアドバイス、方向や提案は素晴らしいことだ[HPM] Proxy Created/-> http://host.dev

私のコンソール応答を与えます！

更新

私は正常に私のWebppackプロジェクトにこのようにプロキシを追加しました： ：

var mProxy = proxyMiddleware('/', { 
    target: 'http://something.dev', 
    changeOrigin: true, 
    logLevel: 'debug' 
}) 
app.use(mProxy) 

これは、ポート80

コンソールログ上で動作しているようですが、それでもありません[HPM] Proxy created:/-> http://something.dev

私はプロキシが動作していると仮定できます！しかし、URLにアクセスすると私の資産は読み込まれません。

私はMampとそのポート80を使用するのに慣れていたことに注意してください。このプロキシを実行できる唯一の方法は、Mampをシャットダウンしてポートを80に設定することです。私は、プロキシURLとページリロードしたときに - 少し遅れが解決した後、出力し、これを慰めしようとしている、そこにある：

[HPM] GET/-> http://mmm-vue-ktest.dev 
[HPM] PROXY ERROR: ECONNRESET. something.dev -> http://something.dev/ 

をそして、これはブラウザに表示されます。 Error occured while trying to proxy to: mmm-vue-ktest.dev/

Answer 1

プロキシ・テーブルをリクエストを開発APIサーバーのように別のサーバーに転送するためのものです。

このアドレスでwebpack devserverを実行する場合は、OSのhostsファイルに追加する必要があります。 Vueまたは私たちはこれを行うことはできません、それはあなたのOSの仕事です。

GoogleはすべてのOSで簡単なガイドを用意しています。