tetapan vue membolehkan kuki

Dengan perkembangan pesat Internet, semakin ramai orang memberi perhatian kepada teknologi hadapan. Sebagai bahagian penting dalam pembangunan bahagian hadapan, rangka kerja Vue secara beransur-ansur menjadi tumpuan perhatian orang ramai. Artikel ini akan memperkenalkan cara untuk menetapkan kuki dalam Vue.

Kuki ialah fail teks kecil yang disimpan pada komputer pengguna yang boleh digunakan oleh tapak web untuk menjejak dan mengenal pasti pelawat yang berbeza. Apabila pengguna melawat tapak web, pelayan akan menghantar kuki yang mengandungi pengecam unik rawak kepada pengguna Kemudian, apabila pengguna melawati setiap halaman tapak web, penyemak imbas akan menghantar kuki ke pelayan untuk mengesahkan identiti dan menjejaki. tingkah laku pengguna.

Mendayakan kuki dalam Vue memerlukan tetapan beberapa item konfigurasi Mari perkenalkannya satu persatu di bawah.

1. Pasang cookie-parser

Pertama, dalam direktori akar projek Vue, kita perlu menggunakan npm atau yarn untuk memasang cookie-parser:

npm install cookie-parser
# 或者
yarn add cookie-parser

2. Perkenalkan cookie-parser

Seterusnya, dalam projek Vue kami, kami perlu memperkenalkan cookie-parser dalam fail main.js dan tetapkan maklumat konfigurasi yang sepadan:

import cookieParser from 'cookie-parser'
Vue.use(cookieParser())

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

3. Tetapkan kuki

Selepas mengkonfigurasinya melalui penghurai kuki, kami boleh menggunakan kuki dalam Vue. Berikut ialah contoh menetapkan kuki:

this.$cookies.set('name', 'vue')

// 设置cookie的时候，我们还可以设置一些选项来控制cookie过期时间等
this.$cookies.set('name', 'vue', {
  expires: 7 // 过期时间为7天
})

Di sini kami menggunakan kaedah this.$cookies.set() untuk menetapkan kuki bernama "nama" dengan nilai "vue". Selain menetapkan nilai kuki, kami juga boleh menetapkan pilihan berkaitan kuki dalam parameter ketiga, seperti masa tamat tempoh, dsb.

4. Dapatkan kuki

Selepas menetapkan kuki, kita juga perlu mendapatkan nilainya. Ini boleh dicapai melalui kod berikut:

this.$cookies.get('name')

5. Padam kuki

Kami juga perlu memadam kuki. Ini boleh dicapai melalui kod berikut:

this.$cookies.remove('name')

6. Tutup kuki

Dalam banyak kes, kami tidak memerlukan kuki untuk menjejaki tingkah laku pengguna, maka kami perlu Matikan kuki dalam Vue. Ini boleh dicapai dengan menetapkan sifat yang sepadan dalam Vue.config:

Vue.config.productionTip = false
Vue.config.devtools = false
Vue.config.silent = true
Vue.config.cookie =  false

Empat baris kod di atas masing-masing mematikan gesaan pengeluaran, alat pembangunan, output konsol dan kuki Vue. Dengan cara ini, kami boleh mematikan kuki dalam Vue.

Ringkasan

Artikel ini memperkenalkan cara menetapkan kuki dalam Vue, termasuk memasang penghurai kuki, memperkenalkan penghurai kuki, menetapkan dan mendapatkan kuki, memadam kuki dan menutup kuki. Dalam pembangunan sebenar, kami biasanya perlu menggunakan kuki untuk menjejaki tingkah laku pengguna untuk menyediakan pengguna dengan perkhidmatan yang lebih tepat. Jika anda mempunyai cadangan yang lebih baik atau pengalaman yang lebih praktikal tentang tetapan kuki Vue, sila tinggalkan mesej untuk dikongsi!

Atas ialah kandungan terperinci tetapan vue membolehkan kuki. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!