标签:浏览器 跨域 外部 douyu list api https target room
外部浏览器 解决跨域
项目的根目录中, 创建 vue.config.js
// vue.config.js
module.exports = {
devServer:{
proxy:{
// 所有请求的开头是 /api 的, 自动代理成 target 指定的路径
'/api':{
target: 'https://m.douyu.com/api',
pathRewrite: {
// 默认: 例如 /api/room/list, 代理会转化为:
// ${target}/api/room/list
// https://m.douyu.com/api/api/room/list
'^/api':'' ,// 把开头的 /api 替换成 "
// ${target}/room/list
// https://m.douyu.com/api/room/list
}
},
'/juhe':{
target: 'http://apis.juhe.cn',
pathRewrite:{
'^/juhe':''
},
// 非https接口, 即 非安全的
secure: false
}
}
}
}
data中的请求地址如图:
export default {
data() {
return {
more:'more',
// 1. 带有跨域限定: 采用内置浏览器访问
// 条件编译: 是注释格式
// #ifdef H5
href: '/api/room/list', //代理检测到: /api 开头的请求
// #endif
// 如果 不是h5
// #ifndef H5
href: 'https://m.douyu.com/api/room/list',
// #endif
data: null
};
},
}
标签:浏览器,跨域,外部,douyu,list,api,https,target,room 来源: https://blog.csdn.net/jtpython666/article/details/116278491
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。