Bagaimana untuk menyelesaikan kod status pemajuan vue 200

Vue ialah rangka kerja pembangunan bahagian hadapan yang popular Dengan trend pemisahan bahagian hadapan dan belakang, semakin ramai pembangun memilih untuk menggunakan Vue untuk membina aplikasi bahagian hadapan Memajukan kod status 200 adalah masalah biasa ditemui dalam soalan pembangunan Vue. Di bawah, mari kita lihat lebih dekat isu ini.

Pertama sekali, adalah jelas bahawa apabila Vue menghantar permintaan ke bahagian belakang, pelayan akan mengembalikan kod status HTTP untuk memaklumkan Vue tentang hasil pemprosesan permintaan. Kod status HTTP ialah penunjuk status dalam protokol HTTP Ia memberitahu pelanggan sama ada hasil permintaan itu adalah kejayaan, kegagalan, pengalihan, dsb.

Dalam Vue, kaedah permintaan biasa termasuk GET, POST, PUT, DELETE, dll. Kod status permintaan kaedah ini berbeza ialah 200, 201, 204, 400, 401, 404 , 500. , dsb. Antaranya, kod status 200 menunjukkan bahawa pelayan berjaya memproses permintaan tersebut. Mengirim semula kod status 200 bermakna atas sebab tertentu, kita perlu memaksa kod status dikembalikan oleh bahagian belakang kepada 200.

Mengapa kita perlu memajukan kod status 200? Dalam pembangunan projek sebenar, kami mungkin menghadapi masalah permintaan merentas domain Apabila membuat permintaan merentas domain, penyemak imbas biasanya memulakan permintaan pra-penerbangan OPTIONS untuk menentukan kaedah HTTP, maklumat pengepala, dll. yang boleh digunakan.

Jika bahagian belakang tidak memproses permintaan OPTIONS dan terus mengembalikan kod status bukan 200, penyemak imbas akan memintasnya dan tidak membenarkan permintaan merentas domain. Dalam kes ini, kita perlu menukar kod status yang dikembalikan oleh bahagian belakang kepada 200 untuk memintas pemintasan penyemak imbas.

Bagaimana untuk memajukan 200 kod status dalam Vue? Vue menyediakan kaedah untuk mengubah suai kod status yang dikembalikan oleh hujung belakang kepada 200 melalui pemintas aksios.

Secara khusus, kami boleh menambah pemintas dalam aksios untuk memproses hasil pemulangan sebelum mengembalikan data dan memaksa kod status dikembalikan oleh hujung belakang kepada 200. Kodnya adalah seperti berikut:

import axios from 'axios';

axios.interceptors.response.use(response => {
  if (response.config.url !== '/login' && response.status !== 200) {
    response.status = 200;
  }
  return response;
}, error => {
  return Promise.reject(error);
});

Dalam kod ini, kami menambah pemintas melalui kaedah axios.interceptors.response.use untuk memproses data yang dikembalikan oleh bahagian belakang. Pertama, tentukan sama ada URL yang diminta pada masa ini adalah permintaan log masuk Jika tidak, kod status ditukar secara paksa kepada 200 dan hasil yang diproses dikembalikan.

Akhir sekali, perlu diingat bahawa memajukan kod status 200 hanyalah penyelesaian Jika bahagian belakang boleh mengendalikan permintaan OPTIONS dan mengembalikan kod status dengan betul, maka tidak perlu memajukan kod status.

Dalam pembangunan projek, kita perlu memilih penyelesaian yang sesuai dengan kita berdasarkan situasi sebenar untuk mengelakkan masalah yang tidak perlu. Mengirim semula kod status 200 melalui pemintas Vue boleh menyelesaikan masalah merentas domain penyemak imbas, tetapi ia perlu digunakan dengan berhati-hati dalam projek untuk mengelakkan akibat buruk.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan kod status pemajuan vue 200. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!