ホームページ > ウェブフロントエンド > Vue.js > vue.js をサーバーにデプロイする方法

vue.js をサーバーにデプロイする方法

王林
リリース: 2020-11-19 10:12:10
オリジナル
2826 人が閲覧しました

vue.js をサーバーにデプロイする方法: 1. config/index.js ファイルを編集します; 2. [npm run build] コマンドを実行します; 3. プロジェクト パスでパッケージ化されたファイルを見つけて追加しますファイルをサーバーにアップロードするだけです。

vue.js をサーバーにデプロイする方法

#具体的な方法は次のとおりです。

(学習ビデオ共有:

javascript ビデオ チュートリアル)

1 、次に示すように config/index.js ファイルを編集し、assetsPublicPath: './',

productionSourceMap: false

vue.js をサーバーにデプロイする方法

2 を変更します。 npm run build

を実行し、プロジェクト パスにあるパッケージ化されたファイルを見つけます。プロジェクト ファイルの dist フォルダーにある static とindex.html がパッケージ化されたファイルです。次に、自分で cccBlog フォルダーを作成し、static と Index.html を cccBlog にコピーして、cccBlog フォルダーをサーバーにアップロードしました。

vue.js をサーバーにデプロイする方法

3. cccBlog フォルダーをサーバーにアップロードします。私のサーバーは Tomcat サーバーです。

vue.js をサーバーにデプロイする方法

4. 次にアクセスします。 tomcat 以下 cccBlog 以下のindex.html で十分です。

注: 画像リソースの名前に中国語を含めないでください。画像リソースが中国語の場合、サーバーからアクセスされたときに画像が表示されない可能性があります。

関連する推奨事項:

vue.js チュートリアル

以上がvue.js をサーバーにデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート