Vue 2.5.2 で axios + Express を使用した 404 ローカル リクエストの解決策

ここで、Vue 2.5.2 での axios + Express local request 404 の解決策を共有します。これは優れた参考値なので、皆さんのお役に立てれば幸いです。

最近 Vue を勉強していて、今日は axios を使ってローカル ネットワーク リクエストをシミュレートしてみました。使用プロセス中に、インターフェイス リクエストが 404 を取得し続けることがわかりました。後で、Vue-cli でビルドされた最新のプロジェクトでは、インターフェイス リクエストは次のように記述する必要があることがわかりました。

1. 関連する依存関係を導入します

var axios = require('axios')
const express = require('express');
var app = express();
var apiRoutes = express.Router();
app.use('/api', apiRoutes);

2. ネットワークリクエストを処理します

以前のプロジェクトでは、次のように dev-server.js でインターフェイスアクセスを処理しました

apiRoutes.get('/getList', function (req, res) {
 //处理网络请求

})

現在はデフォルトで構築されていますプロジェクト project には dev-server.js ファイルがないので、webpack.dev.conf.js に ur を追加できます。

before(app) {
  app.get('/api/getList', function(req, res) {
  //处理网络请求
  });
 },

3. 再コンパイル

npm run dev

この時点で、プロジェクトは実行されており、インターフェイスに通常どおりアクセスできます。

上記は私があなたのためにまとめたものです。

関連記事:

jQuery+JSONPでのクロスドメインリクエストメソッド(詳細チュートリアル)

Vue2.0でhttpリクエストを実装して表示を読み込む方法

メソッドの詳細説明とVueでの計算違い (詳細なチュートリアル)

以上がVue 2.5.2 で axios + Express を使用した 404 ローカル リクエストの解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。