外部浏览器 解决跨域
项目的根目录中, 创建 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
};
},
}