0
私は 'vue-cli'を使用します。 私は 'npm run build'コマンドを実行してプロジェクトのビルドバージョンを取得しました。これにより、自動的に 'dist'フォルダに 'index.html'が作成されました。画像を見て:実行方法ビルドされたvue jsプロジェクトは、ロケールマシーン上のサーバーなしでブラウザに表示されますか?
私は、ブラウザでファイルindex.htmlをを実行しようとしたが、それは動作しません。ブラウザでのマッサージフォームコンソール:
私の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>
私はを使用してサーバせずにブラウザでそれを実行するために何をすべきか?
兼ね備えています。私は './static/'を使用しました。それは私が 'index.html'ファイルに接続している問題を解決するのに役立ちました。しかしその後、私のコードに画像が付いた別の問題(コンソールからのメッセージ)があります。私が理解しているように、彼らは参照で同じ問題を抱えています。だから、なぜ 'npm run build'コマンドが 'build'プロジェクトで間違った参照を作成し、それを修正するのですか? –
私はプロジェクトで画像を取得するためにrequire()関数を使用します。私のコードからの例:。たぶん問題はここに... –
どうしてそうなったの? Uはvue-cliを使用し、url-loaderを使ってビルド時に正しいURLを作成する仕組みがあります。イメージに必要なものを削除できますか? –