问题

在平常使用vue开发时我们能够很轻易地去掉网页的边距，只需要在app.vue的css中加入

body { height: 100%; margin:0; padding: 0; }

但是在nuxt项目中，是没有app.vue这个文件的，那么nuxt项目中要怎么去掉默认的白边呢？

解决方法

1. 首先在项目根目录找到nuxt.config.js

2. 修改nuxt.config.js中的head对象

在head对象中加入如下代码

bodyAttrs: { style: 'height: 100%; margin:0; padding: 0;' },

3. 验证结果

重新编译后按ctrl+f5刷新页面可以看到讨厌的白边消失了

文章转自Nuxt去掉body中默认的边距_NothingToStay_的博客-CSDN博客