跨域以及解决方案

最新推荐文章于 2024-01-23 13:30:33 发布

拾叶V

最新推荐文章于 2024-01-23 13:30:33 发布

阅读量218

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/qq_45740103/article/details/105719886

版权

Js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

跨域（非同源策略请求）

参考
 文档

跨域又称非同源策略请求
跨域传输

什么是跨域

区别

在这里插入图片描述

jsonp

只能处理get请求
script src ifram link => 不存在跨域请求的限制
在这里插入图片描述
2.
vue.config.js中

devServer: {
        proxy: {
            '/api': {
                target: 'http://192.168.1.153:8888',
                secure: false,
                changeOrigin: true,
                pathRewrite: {  // 路径重写，
                    '^/api': ''  // 替换target中的请求地址，也就是说以后你在请求http://192.168.1.153:8888/XXXXX这个地址的时候直接写成/api即可。
                }

            }
        }
    },

在这里插入图片描述