当前位置:   article > 正文

vue2解决跨域问题以及获取token问题集结

vue2解决跨域问题以及获取token问题集结

我们在使用axios有时候会出现以下报错:

 

解决方法:如下: 

在使用axios请求后台数据的时候,会不断的一直调用axios导致代码量会很大,可以使用一个组件进行封装,每次调用使用即可,在src目录下面新建一个http文件夹,文件夹里面放入一个index.js

里面输入:

里面加入拦截器请求token值,前提是要讲token值存进去才能去到(token就代表身份令牌一样,)

  1. import axios from 'axios'
  2. // 用函数调用请求配置
  3. export default function (config) {
  4. // 创建axios实例
  5. const instance = axios.create({
  6. // 后台链接
  7. baseURL: '/api',
  8. });
  9. // 添加请求拦截器
  10. instance.interceptors.request.use(function (config) {
  11. // 在发送请求之前做些什么
  12. // 注意在登录页面和注册页面的时候是不需要携带token的
  13. if (config.url == 'login' ||
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/715649
推荐阅读
相关标签
  

闽ICP备14008679号