简单的跨域请求

桃扇骨 2022-09-01 09:10 133阅读 0赞

## 别人的文章 ##

[https://www.pianshen.com/article/64931033969/][https_www.pianshen.com_article_64931033969]

## 自己的见解 ##

> **跨域：其实就是浏览器的一个安全机制。比如说在我家的东西都是我自己的，我随便拿随便用没有什么风险。但是有一天隔壁老王向你借点盐，你能随便就借给他吗？（也许接着接着就把老婆都借走了）此时我们不知道他是不是就是老王所以不敢借，这时候我们该怎么办呢？此时我告诉老王，让他去请助一下帮助，让代理证明他就是老王有着和我一样的血缘关系那我就借了。这就是一个跨域的过程。借个盐都那么，麻烦不借了。一种绿色植物。  
> 我们在访问和我们协议、域名。端口不一样的地址时，我们就会发生跨域的问题。我们最直接的办法是使用jsonp这个方法去解决，也可以使用代理的方法去实现。非常好用  
> 在vue中直接新建一个vue.config.js然后**

module.exports = { 
        devServer: { 
            proxy: { 
                '/api': { 
                    // 此处的写法，目的是为了 将 /api 替换成 https://www.baidu.com/
                    target: 'http://api.kele8.cn/agent/',
                    // 允许跨域
                    changeOrigin: true,
                    ws: true,
                    pathRewrite: { 
                        '^/api': ''
                    }
                }
            }
        }
    }

最后在main.js中就可以实现跨域了

axios.defaults.baseURL = '/api';

[https_www.pianshen.com_article_64931033969]: https://www.pianshen.com/article/64931033969/

发表评论取消回复

表情：

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

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

相关阅读

相关 spring boot 跨域问题与一个简单的跨域请求测试

@Configuration public class WebConfig implements WebMvcConfigurer {

太过爱你忘了你带给我的痛/ 2022年12月22日 00:52/ 0 赞/ 141 阅读

相关 webapi跨域请求的简单说明

1.下载net.core： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

墨蓝/ 2022年11月22日 12:39/ 0 赞/ 185 阅读

相关 SpringBoot 跨域请求

问题 @RequestMapping("/demo") @RestController public class CorsTestControll

忘是亡心i/ 2022年10月26日 04:59/ 0 赞/ 238 阅读

相关简单的跨域请求

别人的文章 [https://www.pianshen.com/article/64931033969/][https_www.pianshen.com_article_

桃扇骨/ 2022年09月01日 09:10/ 0 赞/ 134 阅读

相关跨域 XMLHttpRequest 请求

跨域 XMLHttpRequest 请求普通网页能够使用[XMLHttpRequest][]对象发送或者接受服务器数据, 但是它们受限于[同源策略][Link

清疚/ 2022年08月04日 15:56/ 0 赞/ 224 阅读

相关 jsonp其实很简单【ajax跨域请求】

前两天被问到ajax跨域如何解决，还真被问住了，光知道有个什么jsonp，迷迷糊糊的没有说上来。抱着有问题必须解决的态度，我看了许多资料，原来如此。。。为何一直知道json

灰太狼/ 2022年06月10日 02:58/ 0 赞/ 228 阅读

相关跨域请求

1、jsonp（动态创建script标签） <script> var _script = document.createElement('script'); _s

悠悠/ 2022年06月09日 09:52/ 0 赞/ 321 阅读

相关跨域请求

跨域请求，协议,域名,端口有一个不一样都是跨域请求。产生跨域请求的原因：同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功

小咪咪/ 2022年05月26日 05:22/ 0 赞/ 312 阅读

相关跨域请求

public void setAccessControl(){ HttpServletResponse response = ServletActionCo

女爷i/ 2022年05月18日 05:42/ 0 赞/ 329 阅读

相关 jsonp其实很简单【ajax跨域请求】

原文地址：[jsonp其实很简单【ajax跨域请求】][jsonp_ajax] 1. 同源策略 ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的

喜欢ヅ旅行/ 2022年04月11日 04:57/ 0 赞/ 251 阅读