您现在的位置是:首页 > 网站制作 > vue.js心得vue.js心得
vue 解决跨域问题
蒙xs2020-12-21【vue.js心得】人已围观
简介vue 跨域
在vue根目录创建vue.config.js文件:
// 假设要请求的接口是:https://aip.baidubce.com/rest/2.0/face/v3/search
module.exports = {
devServer:{
proxy:{
'/baiduApi': { // 拦截以 /api 开头的接口
target: 'https://aip.baidubce.com',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true, //这里true表示实现跨域
secure: false, // 如果是https接口,需要配置这个参数
pathRewrite: {
'^/baiduApi':'' //这里理解成用‘/api’代替target里面的地址,
}
}
}
}
}
调用地址直接:
export const Face_detection= p => post(`/baiduApi/rest/2.0/face/v3/search`, p);//人脸检测
// 假设要请求的接口是:https://aip.baidubce.com/rest/2.0/face/v3/search
module.exports = {
devServer:{
proxy:{
'/baiduApi': { // 拦截以 /api 开头的接口
target: 'https://aip.baidubce.com',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true, //这里true表示实现跨域
secure: false, // 如果是https接口,需要配置这个参数
pathRewrite: {
'^/baiduApi':'' //这里理解成用‘/api’代替target里面的地址,
}
}
}
}
}
调用地址直接:
export const Face_detection= p => post(`/baiduApi/rest/2.0/face/v3/search`, p);//人脸检测
Tags:
很赞哦! ()
上一篇:获取 url链接内容