vue开发环境请求时baseUrl无法修改请求地址

146 阅读1分钟

image.png

好久不写文章了,最近一直在研究老技术和做做react的项目,突然到手了一个vue项目要打底层和基础封装🤮我真的会谢。。。

不废话了:遇到了个蠢问题

vue开发环境请求时baseUrl无法修改请求地址

// request.js
import axios from 'axios'
import env from './env'
let nowUrl = ''
if (process.env.NODE_ENV === 'development') {
  nowUrl = env.dev.baseUrl
} else {
  nowUrl = env.prod.baseUrl
}
const service = axios.create({
  baseUrl: nowUrl,
  headers: {
  'Content-Type': 'application/json;charset=UTF-8'
  },
  settimeout: 50000
})


 // env.js
 export default {
  dev: {
    baseUrl: 'http://10.133.80.185:12304/'
  },
  prod: {
    baseUrl: 'http://ai-platform-system.qm.cn:30877'
  }
}

本来是在request文件中线判断下运行环境之后,将对应的baseUrl赋予给nowUrl,再将nowUrl赋给axios.create内的baseUrl以此来修改接口的请求地址。

结果发现测了下 还是走的本地路径根本没有修改baseUrl 反复后检查发现

baseUrl的rl要大写!大写!!大写!!!(破vsc还给我输入提示) ---> baseURL

此贴给和我一样的傻蛋 看到底下请自觉给自已一巴掌 我先打为敬 👋 👋 👋