vue.js をサーバーにデプロイする方法: 1. config/index.js ファイルを編集します; 2. [npm run build] コマンドを実行します; 3. プロジェクト パスでパッケージ化されたファイルを見つけて追加しますファイルをサーバーにアップロードするだけです。
![vue.js をサーバーにデプロイする方法](https://img.php.cn/upload/article/000/000/041/5fb5d2838d076376.jpg)
#具体的な方法は次のとおりです。
(学習ビデオ共有:
javascript ビデオ チュートリアル)
1 、次に示すように config/index.js ファイルを編集し、assetsPublicPath: './',
productionSourceMap: false
![1605751610355369.png vue.js をサーバーにデプロイする方法](https://img.php.cn/upload/image/492/211/627/1605751610355369.png)
2 を変更します。 npm run build
を実行し、プロジェクト パスにあるパッケージ化されたファイルを見つけます。プロジェクト ファイルの dist フォルダーにある static とindex.html がパッケージ化されたファイルです。次に、自分で cccBlog フォルダーを作成し、static と Index.html を cccBlog にコピーして、cccBlog フォルダーをサーバーにアップロードしました。
![1605751663826403.png vue.js をサーバーにデプロイする方法](https://img.php.cn/upload/image/637/809/501/1605751663826403.png)
3. cccBlog フォルダーをサーバーにアップロードします。私のサーバーは Tomcat サーバーです。
![1605751682404101.png vue.js をサーバーにデプロイする方法](https://img.php.cn/upload/image/870/903/657/1605751682404101.png)
4. 次にアクセスします。 tomcat 以下 cccBlog 以下のindex.html で十分です。
注: 画像リソースの名前に中国語を含めないでください。画像リソースが中国語の場合、サーバーからアクセスされたときに画像が表示されない可能性があります。
関連する推奨事項:
vue.js チュートリアル
以上がvue.js をサーバーにデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。