小编mor*_*aie的帖子

如何在 nuxt 3 中添加全局CSS？

是否有像 nuxt 2 中那样的 CSS属性？

nuxt2.config

export default {
  css: [
    '@/assets/css/main.scss'
  ]
}

我正在使用 Nuxt 3

这是目录结构

图像是这样加载的

<img src="/images/index/pic-left.svg" />

我也尝试过（从不开始/）

<img src="images/index/pic-left.svg"  />

又没用了

有什么问题 ？

我不想要 2xl 的 tailwind CSS 容器宽度。我怎样才能改变它？

我想删除其默认宽度 2xl 。我该怎么做？

我正在使用 Vue3 、 type script 、composition 和 vee-validate4 以及 Pinia 存储

这是用户注册。

浏览/注册

const schema = yup.object({\n  email: yup.string().required().email("\xd9\x84\xd8\xb7\xd9\x81\xd8\xa7 ! \xd8\xa7\xdb\x8c\xd9\x85\xdb\x8c\xd9\x84 \xd9\x85\xd8\xb9\xd8\xaa\xd8\xa8\xd8\xb1 \xd9\x88\xd8\xa7\xd8\xb1\xd8\xaf \xda\xa9\xd9\x86\xdb\x8c\xd8\xaf ."),\n  password: yup.string().required().min(8, "\xda\xa9\xd9\x84\xd9\x85\xd9\x87 \xd8\xb9\xd8\xa8\xd9\x88\xd8\xb1 \xd8\xa8\xd8\xa7\xdb\x8c\xd8\xaf \xd8\xad\xd8\xaf\xd8\xa7\xd9\x82\xd9\x84 \xd9\x87\xd8\xb4\xd8\xaa \xda\xa9\xd8\xa7\xd8\xb1\xd8\xa7\xda\xa9\xd8\xaa\xd8\xb1 \xd8\xa8\xd8\xa7\xd8\xb4\xd8\xaf ."),\n});\n\nconst { errors, handleSubmit } = useForm({\n  validationSchema: schema,\n});\n\nconst { value: email } = useField(\'email\');\nconst { value: password } = useField(\'password\');\n

我这里有一个注册方法

浏览/注册

async function add() {\n  try {\n    const res = await useAuthStore().register({email,password})\n      } catch (err: any) {}\n}\n

我将使用从 **CDN ** 加载的包（ jspdf ）

这是CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>

我已经将其加载到页面中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>

我有一个按钮，当您单击它时，将调用下面的方法并生成一些 pdf。

mounted() {
  if (document.getElementById('myScript')) { return }
  let src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js'
  let script = document.createElement('script')
  script.setAttribute('src', src)
  script.setAttribute('type', 'text/javascript')
  script.setAttribute('id', 'myScript')
  document.head.appendChild(script)
}

但我收到一个错误

那么，我该如何修复这个错误呢？

我正在使用Nuxt 3

我有这样的.env

NUXT_CAPTCHA_KEY=123456

这是nuxt.config.ts

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      captchaKey: 'some value',
    }
  },
});

在我的组件login.vue中

function login() {
  const config = useRuntimeConfig()
  console.log('config', config.public.captchaKey);
}