Nuxt.js踩坑总结分享

Nuxt.js项目中的那些踩坑时刻

在长沙网络推广实践中，我发现Nuxt.js的应用中隐藏了许多需要小心应对的坑。现在，我将与大家分享这些经验，希望能为大家提供一些参考。

一、构建问题

在Nuxt.js项目中，我们有时需要在``标签中引入js文件。例如，我们需要在项目中引入flexible.js以实现移动端的适配。当我们尝试通过Nuxt.js的vue-meta管理头部标签时，我们发现一些挑战。

在nuxt.config.js文件中配置如下：

```javascript

head: {

script: [

{ innerHTML: 'console.log("hello")', type: 'text/javascript', charset: 'utf-8'}

]

}

```

生成的html代码中，vue-meta对引号进行了转义处理。为了避免这种情况，我们可以使用`__dangerouslyDisableSanitizers`字段，但使用这个字段需要特别小心。成功引入flexible.js后，我们继续面对下一个挑战。

二、预处理器使用

在Nuxt.js项目中，我们可能会在组件的`