2017-04-25 7 views
0

私は 'vue-cli'を使用します。 私は 'npm run build'コマンドを実行してプロジェクトのビルドバージョンを取得しました。これにより、自動的に 'dist'フォルダに 'index.html'が作成されました。画像を見て:実行方法ビルドされたvue jsプロジェクトは、ロケールマシーン上のサーバーなしでブラウザに表示されますか?

enter image description here

私は、ブラウザでファイルindex.htmlをを実行しようとしたが、それは動作しません。ブラウザでのマッサージフォームコンソール:

enter image description here

私のindex.htmlファイルの内容:

<!DOCTYPE html> 
<html lang=ru> 
<head> 
    <meta charset=utf-8> 
    <title>cv</title> 
    <style type=text/css> 
     html, body{ 
      width: 100%; 
      height: 100%; 
     }</style> 
    <link href='/static/css/app.b3ceb6191281c6a4dd333aa0b8aed7cd.css' rel=stylesheet> 
</head> 
<body> 
    <div id=app> 
    </div> 

    <script type=text/javascript src='/static/js/manifest.488e7f096afe65619705.js'></script> 
    <script type=text/javascript src='/static/js/vendor.fa2e9b388f427a714cca.js'></script> 
    <script type=text/javascript src='/static/js/app.d3d1742ab1cad95402a6.js'></script> 
</body> 
</html> 

私はを使用してサーバせずにブラウザでそれを実行するために何をすべきか?

答えて

2

uは使用サーバーをたくない場合は、すべてのソースのリンクを変更する必要が

='./static/ 

または

='static/ 

に第一の変異体は、私はあなたのアドバイスが正しいと思い

+0

兼ね備えています。私は './static/'を使用しました。それは私が 'index.html'ファイルに接続している問題を解決するのに役立ちました。しかしその後、私のコードに画像が付いた別の問題(コンソールからのメッセージ)があります。私が理解しているように、彼らは参照で同じ問題を抱えています。だから、なぜ 'npm run build'コマンドが 'build'プロジェクトで間違った参照を作成し、それを修正するのですか? –

+0

私はプロジェクトで画像を取得するためにrequire()関数を使用します。私のコードからの例:fon。たぶん問題はここに... –

+0

どうしてそうなったの? Uはvue-cliを使用し、url-loaderを使ってビルド時に正しいURLを作成する仕組みがあります。イメージに必要なものを削除できますか? –

関連する問題