جاوااسکریپت - افزودن میان‌افزار به صفحه در پروژه nuxt-typescript
من روی پروژه nuxt-typescript کار می‌کنم. میان‌افزار من در /middleware/redirect.ts:
import { Middleware } from '@nuxt/types' const redirect: Middleware = (context) => { console.log(context) } export default redirectو به صفحه index.veu به این صورت اضافه شد:
<scr ادامه مطلب →typescript - خروج از Okta با Nuxt.js/Vue و OpenId
من دیده‌ام که بسیاری از مردم این مشکل را دارند (نه فقط با Vue)، جایی که وقتی سعی می‌کنید کاربر را خارج کنید، این خطا مشاهده می‌شود:
{ "errorCode": "invalid_client", "errorSummary": "A client_id must be provided in the request.", "errorLink": "invalid_client", "errorId": "oae1R3sir06RJOLBoPOl08IUQ", "errorCauses": [] }این مسئله بسیار گیج‌کننده است با توجه به این واقعیت که مس
ادامه مطلب →جاوااسکریپت - دریافت کوئری به‌روزشده در پلاگین نوکست پس از بارگذاری صفحه
خب، من یک پلاگین دارم که چندین تابع در آن وجود دارد، این توابع باید پرس‌وجوهای URL را به‌روزرسانی کنند. مشکل این است که هر بار که $global.changePage(2) یا $global.changeLimit(2) را اجرا می‌کنم، console.log(query) یک شیء خالی برمی‌گرداند و پرس‌وجوهای به‌روزرسانی‌شده در URL را نمایش نمی‌دهد.
من می‌دانم پلاگین‌های NuxtJS هنگام بارگذاری صفحه اجرا می‌شوند، اما آیا راهی وجود دارد که هر بار که از آن توابع استفاده می‌کنم، query به‌روزر
ادامه مطلب →تایپ‌اسکریپت - مسیر .well-known در نوکست ۳
من در دریافت مسیر /.well-known/apple-developer-merchantid-domain-association در Nuxt3 در محیط تولید مشکل دارم. من قصد دارم از میزبانی استاتیک (Cloudflare) استفاده کنم، اما وقتی پروژه را با npx nuxt generate مستقر می‌کنم، این مسیر همیشه 404 می‌دهد. من سعی کرده‌ام پوشه/فایل را به دایرکتوری public اضافه کنم (404 می‌دهد) و همچنین محتویات فایل را به‌عنوان ی
ادامه مطلب →تایپ‌اسکریپت - چگونه از شنونده رویداد اسکرول در Vue Nuxt TS برای یک دیو خاص استفاده کنیم
می‌دانم که این با nuxt js بسیار ممکن است. اما چگونه می‌توانیم این را با nuxt و ugly ts انجام دهیم؟ این کد را به اصطلاحات زبان اسکریپت ts تبدیل کنید اگر کسی بتواند این کار را انجام دهد. این غیرممکن است زیرا برای nuxt تقریباً هیچ محتوایی درباره گوش دادن به رویداد اسکرول روی یک div خاص وجود ندارد. نمونه: https://codepen.io/ash_0001/pen/NWMYaOw
new Vue({ el: '#app', data: { loading: false, nextItem: 1, items: [] }, mounted () { const listElm = docum ادامه مطلب →typescript - اجتناب از ارائه جاوااسکریپت قدیمی به مرورگرهای مدرن در Nuxt3
من در حال برنامه‌نویسی یک پروژه با استفاده از nuxt3 و typescript هستم، اما در پروژه‌ام با یک خطا مواجه شده‌ام و هر کاری که کردم نتوانستم آن را حل کنم. ممنون می‌شوم اگر بتوانید به من کمک کنید.
پاسخ شماره ۱
ممکن است شما lodash یا چیزی مشابه با کد قدیمی
ادامه مطلب →typescript - چگونه می‌توانم کامپوننت را از @vueuse/component به‌صورت خودکار در nuxt 3 وارد کنم
من تازه وارد Nuxt 3 هستم، می‌خواهم کامپوننت را به‌صورت خودکار از @vueuse/component در Nuxt 3 وارد کنم، من این مستندات را دنبال کرده‌ام اما هنوز متوجه نشده‌ام چرا وارد کردن خودکار کامپوننت از پکیج شخص ثالث کار نمی‌کند. این فایل من است nuxt.config.ts و فایل من app.vue
export default defineNuxtConfig({ modules: ["@vueuse/nuxt"], imports: { presets: [ { from: "@vueuse/co ادامه مطلب →vue.js - تغییر خواص محلی در Vue/Nuxt (typescript)
من می‌خواهم یک ویژگی showLogo داشته باشم که بتوان آن را به false تنظیم کرد وقتی متد hideLogo() را فراخوانی می‌کنم
import Component from 'nuxt-class-component' import Vue from 'vue' import { Prop } from 'vue-property-decorator' import Logo from '~/components/Logo.v ادامه مطلب →typescript - NUXT استفاده از استایل‌ها و اسکریپت‌های مشترک خارج از محل پروژه
من برنامه دارم کد را بین ۲ پروژه NUXT به اشتراک بگذارم، به نام‌های رابط کاربری CMS و رابط کاربری عمومی. فایل‌های من چیزی شبیه به این هستند:
repo |- shared | |- sass | | `- main.sass | `- ts | `- test.ts |- public (NUXT project) | |- ... | |- nuxt.config.js | ` ادامه مطلب →typescript - چگونه ماژول‌های Vuex که با نحو vuex-module-decorators در Nuxt تعریف شده‌اند را با استفاده از vue-test-utils و Jest تست واحد کنیم؟
من نمی‌توانم پاسخی برای این سؤال در هیچ‌جا پیدا کنم.
من مستندات رسمی Nuxt و همچنین بحث‌های موجود در Stack Overflow و مسائل Github را بررسی کردم.
پیاده‌سازی ماژول احراز هویت:
@Module({ stateFactory: true, namespaced: true, } ادامه مطلب →