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 を応援していただければ幸いです。