pembangunan bahagian belakang
tutorial php
Pengesahan Sanctum Nuxt 3 Laravel: Selamat spa dan API anda dengan mudah
Pengesahan Sanctum Nuxt 3 Laravel: Selamat spa dan API anda dengan mudah
Mar 05, 2025 pm 04:20 PM
menyediakan integrasi yang lancar antara NUXT 3 dan Laravel Sanctum, memudahkan kerumitan kedua-dua aplikasi satu halaman (SPA) dan pengesahan berasaskan token API. Modul ini dengan cekap mengendalikan tugas-tugas seperti perlindungan CSRF, pengurusan token pembawa, dan menyokong kedua-dua penyampaian pelayan (SSR) dan penyampaian klien (CSR). Sama ada anda membina sistem log masuk yang selamat atau projek yang didorong oleh API, modul ini menawarkan penyelesaian mudah. ??nuxt-sanctum-authentication
- Repositori modul: nuxt-sanctum-authentication
- Dokumentasi: dokumentasi pengesahan sanctum nuxt
- repositori demo: nuxt-sanctum-authentication-demo
Memasang modul
nuxt-sanctum-authentication
modul menyelaraskan integrasi antara NUXT 3 dan Laravel sanctum, menguruskan selok -belok spa dan pengesahan API, termasuk pengendalian token CSRF dan token pembawa. nuxt-sanctum-authentication
npm install @qirolab/nuxt-sanctum-authenticationMengkonfigurasi
nuxt.config.ts
selepas pemasangan, tambahkan modul ke : nuxt.config.ts anda
export default defineNuxtConfig({
modules: ["@qirolab/nuxt-sanctum-authentication"],
sanctum: {
apiUrl: "http://api.yourapp.test", // Replace with your Laravel API URL
},
}); Konfigurasi ini menentukan URL API untuk aplikasi Laravel anda. Melaksanakan fungsi log masuk
Buat halaman log masuk dalam aplikasi NUXT 3 anda di mana pengguna memasukkan kelayakan mereka. Gunakan
yang boleh dikomposisikan untuk menguruskan permintaan log masuk. Contoh asas: useSanctum()
<template>
<form>
<input v-model="form.email" type="email" placeholder="Email">
<input v-model="form.password" type="password" placeholder="Password">
<button type="submit">Login</button>
</form>
</template>
Borang ini mengemukakan kelayakan pengguna ke backend melalui titik akhir log masuk Sanctum, memastikan komunikasi yang selamat menggunakan token CSRF. Spa vs API Token Authentication
Modul mungkir ke pengesahan spa berasaskan cookie. Untuk Pengesahan Token API, ubah
dalam authMode: nuxt.config.ts
sanctum: {
apiUrl: "http://api.yourapp.test",
authMode: "token", // Enables token-based authentication
} menyelesaikan masalah CORS Kesilapan Perkongsian Sumber Sumber Cross-Origin (CORS) adalah perkara biasa apabila menubuhkan pengesahan silang asal. Laraskan laravel anda
: config/cors.php
'paths' => ['api/*', 'sanctum/csrf-cookie', '/login'],Sertakan titik akhir log masuk dalam array
untuk membolehkan permintaan CORS. paths
Selepas konfigurasi, uji halaman log masuk anda. Periksa permintaan log masuk dalam alat pemaju penyemak imbas anda (Tab Rangkaian). Sambutan yang berjaya tanpa kesilapan CORS menunjukkan konfigurasi yang betul. Gabungan NUXT 3 dan Laravel Sanctum menyediakan penyelesaian pengesahan yang mantap dan mudah dilaksanakan untuk kedua -dua spa dan API.
Manfaat nuxt-sanctum-authentication
Modul ini memudahkan pengesahan antara NUXT 3 dan Laravel sanctum dengan mengendalikan token CSRF, token pembawa, dan dengan lancar menyokong SSR dan CSR.
KesimpulanMengamankan aplikasi NUXT 3 anda dengan Sanctum Laravel dipermudahkan dengan modul
. Panduan ini menyediakan jalan yang jelas untuk melaksanakan pengesahan yang selamat dan cekap untuk pengguna anda. nuxt-sanctum-authentication
Atas ialah kandungan terperinci Pengesahan Sanctum Nuxt 3 Laravel: Selamat spa dan API anda dengan mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana saya melaksanakan pengesahan dan kebenaran dalam php?
Jun 20, 2025 am 01:03 AM
TosecurelyhandleAuthenticationandauthorizationInphp, ikuti: 1.alwayshashpasswordswithpassword_hash () andverifyUsingPassword_verify (), usePePreparedStatementStopreventsqlInjection, andStoreUserDatain $ _SessionAsLogin.2.implescureRoleRoleRoleRoleRole
Bagaimanakah saya tetap terkini dengan perkembangan php terkini dan amalan terbaik?
Jun 23, 2025 am 12:56 AM
Tostaycurrentwithphpdevelopmentsandbestpractices, followeyNewsssourcesLikePhp.netandphpweekly, engageWithCommunitiesonforumsandconference, keeptoolingupdatedandgraduallyAdoptNewFeatures, dan readribcoursourcourceSource
Apakah php, dan mengapa ia digunakan untuk pembangunan web?
Jun 23, 2025 am 12:55 AM
Phpbecamepopularforwebdevelopmentduetoitseaseoflearning, seamlessintegrationwithhtml, widespreadhostingsupport, andalargeecosystemincludingframeworkslikelaravelandcmsplatformsLikeWordPress.itexcelsinhandessubmissions
Bagaimana cara menetapkan zon waktu php?
Jun 25, 2025 am 01:00 AM
TosetTheRightTimeZoneinPhp, USEDATE_DEFAULT_TIMEZONE_SET () functionAtthestArtAfyourscriptwithavalididentifiersuchas'america/new_york'.1.usedate_default_timeSet ()
Bagaimana saya memasang php pada sistem operasi saya (Windows, MacOS, Linux)?
Jun 20, 2025 am 01:02 AM
Kaedah memasang PHP berbeza dari sistem operasi ke sistem operasi. Berikut adalah langkah -langkah tertentu: 1. Pengguna Windows boleh menggunakan XAMPP untuk memasang pakej atau mengkonfigurasi secara manualnya, muat turun XAMPP dan pasangnya, pilih komponen PHP atau tambahkan PHP ke pembolehubah persekitaran; 2. Pengguna MacOS boleh memasang PHP melalui homebrew, jalankan arahan yang sepadan untuk memasang dan mengkonfigurasi pelayan Apache; 3. Pengguna Linux (Ubuntu/Debian) boleh menggunakan Pengurus Pakej APT untuk mengemas kini sumber dan memasang PHP dan sambungan biasa, dan mengesahkan sama ada pemasangan berjaya dengan membuat fail ujian.
Bagaimanakah saya mengesahkan input pengguna dalam PHP untuk memastikan ia memenuhi kriteria tertentu?
Jun 22, 2025 am 01:00 AM
TOVALIDATEUSERIputInphp, UsEbuilt-InvalidationFunctionsLikeFilter_var () danFilter_Input (), applyRegularExpressionsforcustomformatssuchasususerorphonenumbers, checkdatatypesfornumericressplimeSpriceSprice, setLengthacheAngeAgeorpriceSprice, setLengthacheArpesenprice,
Bagaimana saya memusnahkan sesi dalam php menggunakan session_destroy ()?
Jun 20, 2025 am 01:06 AM
Untuk memusnahkan sesi sepenuhnya di PHP, anda mesti menghubungi session_start () terlebih dahulu untuk memulakan sesi, dan kemudian hubungi session_destroy () untuk memadam semua data sesi. 1. 2. Kemudian hubungi session_destroy () untuk membersihkan data sesi; 3. Pilihan tetapi disyorkan: Arahan $ _Session secara manual untuk membersihkan pembolehubah global; 4. Pada masa yang sama, padamkan cookies sesi untuk menghalang pengguna daripada mengekalkan keadaan sesi; 5. Akhirnya, perhatikan untuk mengalihkan pengguna selepas kemusnahan, dan elakkan menggunakan semula pembolehubah sesi dengan segera, jika tidak sesi perlu dimulakan semula. Melakukan ini akan memastikan bahawa pengguna sepenuhnya keluar dari sistem tanpa meninggalkan sebarang maklumat sisa.
Apakah Serialization Data dalam PHP (Serialize (), Unserialize ())?
Jun 22, 2025 am 01:03 AM
ThPhpFunctionserialize () andUnserialize () diselaraskanToConvertComplexDataStructructDestoresIntoStorasandabackagain.1.Serialize () C overtsdatalikeCarraysorObjectSrayStringContainingTyPeanStructureStructureStructureStructure.2.2Serialize ()
