Nuxt.js综合

分类:计算机 | 前端 | Vue | SSR服务端渲染 | Nuxt.js框架 | 综合 279
更新:2020-04-19 15:40:42
编辑

1 Axios扩展

https://axios.nuxtjs.org/extend.html
Nuxt.js使用axios、自定义拦截器和代理

2 页面重定向

在中间件中使用context对象的redirect方法可以实现重定向。
下面是中间件文件auth.js的部分代码:

export default function (context) {
    context.userAgent = context.req.headers['user-agent'];
    context.host=context.req.headers['host'];
    context.url=context.req.url;
    context.ip=context.req.connection.remoteAddress;
    context.referer=context.req.headers['referer'];
    console.log('访问客户端信息: '+context.userAgent);
    console.log('访问的服务器地址: '+context.host);
    console.log('访问的路径: '+context.url);
    console.log('访问者ip: '+context.ip);
    console.log('访问来源:  '+context.referer);

    return context.redirect('/manager/home'); //页面重定向
  }

3 在组件页面(components中的vue页面)中获取url地址

通过location.href可以获取