0
vue-cliとwebpackテンプレートを使用してVuejs2アプリを作成しました。 npm run devを使用している間、すべて正常に動作しています。ウェブパックで構築されたvuejsアプリの移動
⠋ building for production...
Starting to optimize CSS...
Processing static/css/app.c8922694f1a64e6d88212a475e9acb3d.css...
Processed static/css/app.c8922694f1a64e6d88212a475e9acb3d.css, before: 13939, after: 13014, ratio: 93.36%
Hash: 81c876041faf79bde1db
Version: webpack 2.4.1
Time: 15715ms
Asset Size Chunks Chunk Names
static/js/vendor.d14a81341e99db221385.js 595 kB 0 [emitted] [big] vendor
static/img/world.b9bd0db.png 407 kB [emitted] [big]
static/fonts/Montserrat-Light.9e52b00.ttf 192 kB [emitted]
static/fonts/VarelaRound-Regular.eefe486.ttf 135 kB [emitted]
static/fonts/LANENAR_.97d2f1c.ttf 20.3 kB [emitted]
static/js/app.7e05b814ec0b7b7e4286.js 17.8 kB 1 [emitted] app
static/js/manifest.432e34173b16e9643e3a.js 1.5 kB 2 [emitted] manifest
static/css/app.c8922694f1a64e6d88212a475e9acb3d.css 13 kB 1 [emitted] app
static/js/vendor.d14a81341e99db221385.js.map 2.98 MB 0 [emitted] vendor
static/js/app.7e05b814ec0b7b7e4286.js.map 113 kB 1 [emitted] app
static/css/app.c8922694f1a64e6d88212a475e9acb3d.css.map 26.3 kB 1 [emitted] app
static/js/manifest.432e34173b16e9643e3a.js.map 14.4 kB 2 [emitted] manifest
index.html 446 bytes [emitted]
Build complete.
とdistディレクトリ
を私はdistディレクトリに移動し、予想通り、その後、すべての作業を↳ python -m SimpleHTTPServer 8000を実行する場合：私は、私は出力npm run buildを使用してアプリケーションを構築するために進んで生産に解放するための準備ができています。
distディレクトリをサーバーのドキュメントルートに移動すると、すべてが崩壊することになります。アプリはもうコンパイルされたファイルを見つけることができません。
localhost/:1 GET http://localhost:8000/static/css/app.c8922694f1a64e6d88212a475e9acb3d.css
localhost/:1 GET http://localhost:8000/static/js/manifest.432e34173b16e9643e3a.js
localhost/:1 GET http://localhost:8000/static/js/app.7e05b814ec0b7b7e4286.js
localhost/:1 GET http://localhost:8000/static/js/vendor.d14a81341e99db221385.js
localhost/:1 GET http://localhost:8000/static/js/app.7e05b814ec0b7b7e4286.js
は明らかにそれは間違った場所で探しています。ここで
http://localhost:8000/dist/static/css/app.c8922694f1a64e6d88212a475e9acb3d.css
を探しているべきであるindex.htmlです：
<script type=text/javascript src=/static/js/manifest.432e34173b16e9643e3a.js></script>
<script type=text/javascript src=/static/js/vendor.d14a81341e99db221385.js></script>
<script type=text/javascript src=/static/js/app.7e05b814ec0b7b7e4286.js></script>
どのようにすることができますwebpack configを変更して、サーバーのドキュメントルートの下にアプリケーションを読み込ませますか？ buildセクションの下にそのようconfig/index.jsを変更
が、それは実行されません使用する名前をwhatheverするには？/distディレクトリ自体をサーバにコピーしないでください。 – TimHayes
はいそうです。問題はサーバールートの下に複数のものがあり、このアプリケーションをディレクトリ '' dist''または '' my-app''に置いたことです。 – neric