当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue简单封装axios以及跨域问题

vue简单封装axios以及跨域问题

2020年07月08日  | 移动技术网IT编程  | 我要评论

1.封装axios

1.新建js文件

2.添加代码

import axios from 'axios'

let base = ''
function request (url, params, type) {
  if (type == null || type === ' ') {
    type = 'post'
  }
  return axios({
    method: type,
    url: `${base}${url}`,
    data: params,
    headers: {
      'Content-Type': 'application/json'
    }
  })
}
export default {
  request
}

3.引入

import req from '../../utils/requestUtils'

2.跨域

文件位置在 config/index.js 

源代码不记得长什么样子了，改成如下：

target是要写上你要跳转的后端地址

/api 是在调用的时候要加上例如

嫌麻烦也可以不写，直接用  /  就行

添加了完成配置之后，一定要重启前端项目才会生效。

本文地址：https://blog.csdn.net/qq_39900178/article/details/107187525

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网