vue小结(2)

本文介绍了在Vue应用中如何使用axios的请求拦截器处理HTTP请求,包括添加认证头和响应状态处理。同时,也讨论了VueCLI配置中的transpileDependencies和lintOnSave选项。
摘要由CSDN通过智能技术生成

请求拦截

service.interceptors.request.use(function(config){
    console.log(config);
    console.log(sessionStorage.getItem("token"));
    config.headers["Content-Type"] = "application/json";
    config.headers["Authorization"] = `Bearer ${sessionStorage.getItem("token")}`;
    return config;
},function(error){
    return Promise.reject(error)
})

 响应拦截

service.interceptors.response.use(function(response){
    // console.log(response);
    // switch (response.status) {
    //     case 200:
    //         console.log("请求成功");
    //         break;
    //     case 404:
    //         console.log("错误信息404");
    //         break;
    //     default:
    //         break;
    // }

自动加载

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,

关闭语法检测

lintOnSave: false,
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
    },
  },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值