javascript - 在 Nuxt.js 中使用 Vue-Meta 的內聯 Js

基本上，我正在使用 Nuxt 2.9.2，並嘗試使用 innerHTML 方法來內嵌 Google Optimize 腳本，但每當我執行 npm run generate 時，代碼仍會轉換某些部分，即使 __dangerouslyDisableSanitizers 已將 innerHTML 列入白名單。

這是我在 Nuxt 配置 head 對象中的腳本

script: [ { innerHTML: `(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.rep

閱讀更多 →

vue.js - NuxtJS 靜態生成的 HTML 頁面在呼叫 /index.html 時不加載 Javascript

我正在進行一個 nuxtjs 專案，該專案將生成用於靜態使用的版本。當然，它使用 JavaScript，例如導航、一些表單等等。

當我使用 npm run dev 開啟頁面時，一切運作正常。

在使用 npm run build && npm run generate 導出後，我將 /dist 生成的內容部署到我的伺服器（用戶請求的 CDN，在這種情況下是 Google Cloud Storage）。如果我不加上 index.html 後綴，我可以正常使用該頁面。

範例：

訪問 https://page.com/subpage/ 正常運作

但是

訪問 https://page.com/subpage/index.html 不是真的。

是的，它使用 CSS 和 DOM 呈現內容，但 Javascript 完全無法運作。在 Google Chrome 的開發者工具中，我可以看到在兩種情況下 Javascript 似乎都已經加載，但在第

閱讀更多 →

javascript - Nuxt 認證使用者在瀏覽器刷新後重置

我正在建立一個擁有用戶登錄和註冊資訊的應用程式。我使用 nuxt/auth 模組來處理身份驗證。每當用戶登入時，狀態會順利變為 true。我唯一遇到的問題是，當我呼叫 set user 方法時，用戶資訊會成功註冊，但每當我刷新瀏覽器時，就會失去用戶資料，即使一開始設置是成功的。

我的 nuxt.js 配置，用於 nuxt 認證模組

auth: { strategies: { local: { token: { property: "token", global: true,

閱讀更多 →

javascript - Nuxt.js：如何為單一路由變更覆寫 scrollBehaviour

我有一個 Nuxt 頁面，我在每次路由變化時滾動到頂部。我們在 nuxt.config.js 中定義了這個。

scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) }

現在我有一個單獨的導航連結，它有點特別：「聯絡」並不會導向只含聯絡資訊的新頁面，而是應該導向頁腳，在每個頁面上都寫有聯絡詳情。因此我新增了一個連結（不是 nuxtlink）來連到頁腳的 #contact 錨點。

閱讀更多 →

javascript - 使用 Nuxt Js i18n 在 head 中添加 RTL 條件

我想要添加以下條件

if(app.i18n.locale == 'ar')

我在這個專案中使用阿拉伯語和英語。如果當前語言是阿拉伯語，head 中會加入 bootstrap-rtl.css；如果當前語言是英文，則呼叫 bootstrap.css。我已經嘗試了多種方法，但都沒有成功。

答案＃1

在插件資料夾中添加一個檔案，例如 direction-control.js

export default ({ app }, inject) =>

閱讀更多 →

javascript - nuxt.js Vuex Vuejs 無法讀取未定義的屬性 'getters'

我對 Vuejs 和 Nuxt.js 還很陌生。我建立了 Nuxt 專案，但在執行專案時遇到錯誤：

請幫助我。

謝謝。

答案＃1

嗨，不確定你是否已經解決了這個問題。如果還沒有，你只需要重啟你的開發伺服器，讓 Vue 可以找到這個 store。

希望有幫助

答案＃2

只要關閉你的 IDE，然後重新啟動它

閱讀更多 →

typescript - 在使用 Nuxt.js 與 Vuetify 時，屬性 '$vuetify' 不存在於類型上

在我的 Nuxt.js 應用程式中，當我存取 this.$vuetify 時，特定程式碼部分出現了這個錯誤。

ERROR ERROR in components/equipment/QuickInfoCard.vue:21:20 19:51:29 TS2339: Property '$vuetify' does not exist on type '{ width(): string; height(): "100%" | "9em"; }'. 19 | }, 20 | height() { > 21 | switch (this.$vuetify.breakpoint.name) {

閱讀更多 →

typescript - 在 Nuxtjs 3 中讀取 Markdown 內容

我正在使用 Nuxtjs 3、TypeScript 和 Composition API 開發我的新項目。我可以成功渲染項目中 Markdown 的內容，但在某些情況下，我需要訪問 Markdown 文件中的某些特定內容。這是我的 Markdown 範例：

--- header.id: introducing header.title: my title header.next: nextFileName header.prev: previousFileName --- ### service One some content here <br> ### service two some content

現在，我需要把服務一、服務二讀作陣列，還有檔案的上一個、下一個以及其他內容。

有人知道我該如何在程式碼中存取這些內容嗎？

答案＃1

也許你可以使用 Content v2，這是一個在 Nuxt 中處理 Mar

閱讀更多 →

vue.js - 如何在 Nuxt Typescript 中創建自己的類型？

當我在 Nuxt 中使用 $_app 時，它說 $_app 在 this 上不存在。我想將 $_app 作為我自己的類型包含在 Nuxt 類型中。我嘗試了這個：

import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue { $_app: AppMixin } }

我不知道這是否正

閱讀更多 →

javascript - 在 Nuxt.js 和 TypeScript 中使用 JS bind 運算子 (::)

我正在使用支援 TypeScript 的 Nuxt.js。我正在嘗試使用這個插件導入 vuelayers 庫：

import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)

它給我這個錯誤：

ERROR in ./node_modules/vuelayers/src/component/map/view.vue?vue&type=script&lang=js& Syntax Error: Unexpected token, expected ";" (253:8) 251 | */ 252 | subscribeAll () { > 253 | this::subscribeToViewChanges() | ^ 254 | },

閱讀更多 →