外部浏览器解决跨域

清疚 2021-07-25 18:32 644阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，644人围观）

还没有评论，来说两句吧...

相关阅读

相关 chrome浏览器解决跨域

* 最近重装了电脑, 然后chrome浏览器需要解决跨域问题在网上搜了基本有2种方法 * 首先将chrome浏览器在桌面创建一个 **快捷方式**，然后点属性，在目...

朱雀/ 2024年04月18日 20:43/ 0 赞/ 125 阅读

相关浏览器跨域解决方案详解

跨域的产生是浏览器的安全机制引起的，只有在使用Ajax时才会发生。简单来说就是你可以通过ajax发送请求，但要看远程服务器脸色，他没授权，浏览器这个老六就给拦截了，不能用这个结

朱雀/ 2023年10月14日 15:44/ 0 赞/ 67 阅读

相关【修改浏览器解决跨域问题】

第一步：创建空文件夹首先，创建一个空的文件夹命名为 ChromeData ![C:\\Chrome][C_Chrome] 第二步：修改属性创建你的浏览器快

水深无声/ 2023年10月05日 23:10/ 0 赞/ 37 阅读

相关跨浏览器跨域资源共享解决方案

跨浏览器跨域资源共享解决方案参考文章： [（1）跨浏览器跨域资源共享解决方案][1_ _] （2）https://www.cnblogs.com/kasmine

忘是亡心i/ 2022年09月14日 09:04/ 0 赞/ 268 阅读

相关浏览器跨域访问解决方案

浏览器跨域访问解决方案参考文章： [（1）浏览器跨域访问解决方案][1] （2）https://www.cnblogs.com/bydzhangxiaowei/p/81

àì夳堔傛蜴生んèń/ 2022年09月06日 00:25/ 0 赞/ 264 阅读

相关浏览器跨域问题解决方案

跨域的定义同源策略：协议、域名、端口都相同才叫同源跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.

悠悠/ 2022年06月05日 12:49/ 0 赞/ 420 阅读

相关 @CrossOrigin 解决浏览器跨域问题

出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。即浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对[JavaScript][]施加的安全限制

男娘i/ 2022年05月15日 16:58/ 0 赞/ 567 阅读

相关浏览器跨域

资源贴：优秀好帖：[https://blog.csdn.net/wonking666/article/details/79159180][https_blog.csdn.n

╰半橙微兮°/ 2022年05月12日 04:40/ 0 赞/ 266 阅读

相关 chrome浏览器解决跨域调试问题

1、关闭chrome浏览器（全部）我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置，具体的启动参数说明参考这篇介绍。[https://code.g

女爷i/ 2022年04月24日 14:42/ 0 赞/ 928 阅读

相关外部浏览器解决跨域

外部浏览器解决跨域项目的根目录中, 创建 vue.config.js // vue.config.js module.exports = {

清疚/ 2021年07月25日 18:32/ 0 赞/ 645 阅读