Vueのフロントエンドとバックエンドのポートの不一致の問題を解決する

Vueのフロントエンドとバックエンドのポートの不一致の問題を解決する

Vue のフロントエンドとバックエンドのポートが一致していません

config index.jsファイル内

次のコードをインポートするだけです

プロキシテーブル: {
'/api': {
target: 'http://localhost:3000', //アクセスするバックエンドインターフェース changeOrigin: true,
パス書き換え: {
'^/api': '/'
//ここでの設定は正規表現です。/apiで始まるものは'/api'に置き換えられます。バックエンドドキュメントのインターフェースが/api/list/xxxの場合
//フロントエンド API インターフェースは axios.get('/api/list/xxx') と記述され、処理後の実際のアクセスは http://news.baidu.com/api/list/xxx になります。
}
}},

Vueサーバーの起動ポート番号が毎回異なる

昨日、友人から渡されたプロジェクトを自分のコンピューターで実行しました。友人は vue3.0 を使用していましたが、私は vue2.5.2 を使用していたため、プロジェクトの実行時にエラー メッセージが表示されました。バージョンの問題かもしれません。エラー メッセージに従ってプラグインをダウンロードしたところ、プロジェクトは動作しました。しかし、それ以来、プロジェクトを実行するたびに、ポート番号が異なることがわかりました。

解決:

まず、npm install [email protected]をダウンロードします。

依存関係を再インストールする npm install

プロジェクトを再起動します npm run dev

上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Vue のフロントエンドとバックエンドに異なるポートを実装する方法
  • Vue でプロキシを使用して異なるポートと IP インターフェースを構成する問題を解決する
  • vue+springboot フロントエンドとバックエンド分離プロジェクトにおけるクロスドメイン問題に対するソリューションの分析
  • VUEプロジェクトのローカルホストポートサーバーが接続を拒否し、127.0.0.1しか使用できない問題を解決します
  • VueとNginxをベースにしたフロントエンドとバックエンドのデプロイメントチュートリアルの詳細な説明

<<:  VMwareがLinuxシステムをインストールして起動した後に黒い画面が表示される問題を解決する

>>:  重複したMySQLテーブルをマージして削除する簡単な方法

推薦する

nginx+WordPressで個人ブログを構築するプロセス全体の詳細な説明

0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...

Linuxプロセスネットワークトラフィック統計の実装プロセス

序文Linux には、ネットワーク接続、プロセス、およびその他の情報をリアルタイムで収集するための対...

Dockerイメージ構築原理の分析(Dockerをインストールしなくてもイメージを構築できる)

イメージの構築は、DevOps プロセスにおいて非常に重要なプロセスです。一般的に、イメージの構築と...

WeChatアプレットはシンプルな計算機を実装する

参考までにWeChatアプレットで書かれた簡単な計算機です。具体的な内容は次のとおりです。 jisa...

MySQL 8.0.13 のダウンロードとインストールのチュートリアル(画像とテキスト付き)

MySQL は最もよく使用されるデータベースです。詳しく知るには、コンピュータにインストールする必...

CSS ピクセルとさまざまなモバイル画面適応の問題に対する解決策

ピクセル解決通常、モニター解像度と呼ばれるものは、実際にはモニターの物理的な解像度ではなく、デスクト...

HTML の小さなタグの使用に関するヒント

<em></em> などのフレーズ要素を使用すると、意図した視覚スタイルを維...

フローティングメニューを実装するjQueryプラグイン

毎日jQueryプラグインを学ぶ - フローティングメニュー、参考までに、具体的な内容は次のとおりで...

Dockerボリュームのファイルマッピング方法

背景ブロックチェーン ログ モジュールで作業しているときに、コンテナーが実行されている場合は、ログ ...

MYSQL の binlog 最適化に関する考察の要約

質問質問 1: トランザクションをコミットするときに REDO ログをフラッシュすることによって発生...

HTML の順序付きリスト、順序なしリスト、定義リストに関する簡単な説明

順序付きリストXML/HTML コードコンテンツをクリップボードにコピー<オルタイプ= &qu...

Vueはページの部分的なリフレッシュを実装します(ルータビューのページリフレッシュ)

Vue でprovide+inject組み合わせを使用するまず、App.vue を変更する必要があ...

Docker Consul コンテナ サービスの更新と見つかった問題の概要

目次1. コンテナサービスの更新とDockerコンサルの検出1. サービス登録と検出とは何ですか? ...

Vue における v-for のキーの一意性の詳細な説明

目次1. DOM の違い2. 同じレイヤーの同じタイプの要素にキー属性を追加する3. キーはインデッ...

Docker で Jenkins サービスを構築する例

画像をプルする root@EricZhou-MateBookProX: docker pull je...