vue引入axios并且配置成公共js给api调用之后
创建axios实例中
const service = axios.create({
// axios中请求配置有baseURL选项,表示请求URL公共部分
// 也能直接用接口地址(例) http://192.168.0.1:8080 此类直接用,为了用代理解决跨域问题
// 则用自定义的标识来给到vue.config.js中做处理
baseURL: '/dev-api',
// 超时设置
timeout: 20000
})
配置完毕后去到vue.congfig,js中配置devServer
devServer: {
proxy: {
// 通过userCode获取数据
'/dev-api': { //自定义代理的别名
target: 'http://192.168.0.1:8080', // 真的接口地址(例子接口)
changeOrigin: true,//是否跨域
secure: false,//是否https
pathRewrite:{ //替换路径中的/api,
'^/dev-api':''
}
},
},
},