vue若依框架中连接后台不同的端口号

做项目中有这样一种情况,连接后台的ip端口是8080,然后有的接口端口是5000

所以就得重新封装一下接口(简单封装一个)

1.在untils文件夹中新建 http.js文件

2.http.js代码如下

首先引入axios然后ip地址处更改成你要连接的ip地址

import axios from 'axios'

axios.defaults.baseURL = "http://192.168.x.xx:5000" //
axios.defaults.timeout = 50000; // 设置axios的请求时间

// request拦截器
axios.interceptors.request.use(config => {
  return config
})

// 响应拦截器
axios.interceptors.response.use(res => {
  return res.data
})
export default axios

3.在接口文件先引入http

4.在接口处return http

有看不懂的地方私信我.