2020.04.03

前台小知识点

1.nuxt项目get请求传参数：

async asyncData({$axios}){
let {data} = await $axios.$get("/web-service/news",{params: {limit:8,sort_by:“id”,sort_way:“asc”,offset:0,page:1,per_page:8}}
)
return {topNews:data.data}
}

asyncData方法：异步请求数据，利于seo，方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。

2.用表达式控制class样式，表达式为true时，引用样式，每第二行引入odd样式：

3.nuxt项目修改完nuxt.config.js等配置文件必须重启前台项目才能生效：

4.在nuxt项目里将后台发来的token等数据放入localStorage中然后在配置文件中取出来，放入请求头便于鉴权等操作,在plugins文件夹下创建axios.js文件，内容如下然后在nuxt.config.js文件中将plugins配置改为在客户端端执行模式，因为axios.js中的localStorage.getItem方法只能在客户端执行:

5.nuxt默认布局文件是layouts/default.vue，如使用此布局文件无需额外引入，使用其他布局文件则需要在引入的页面引入布局文件并注册:
使用自定义布局文件

使用默认布局文件，无需操作

后台大型事故现场:
在写分页业务时，在common项目中引入了分页插件启动器jar包，因为在很多其他模块中都引入了common，导致其他项目启动报错：未找到url路径数据库等四大金刚，最后发现是分页插件包的问题，个人分析肯可能是分页包里包含mysql包的原因，导致每个模块都要配置数据库四大金刚

罪魁祸首：


解决方案：将common中的分页插件包删掉，只在需要的模块中引入即可