重新整理一下Vue的技术点---Vue怎么实现跨域(持续更新)

跨域是前端开发中经常会遇到的问题,说到跨域就不得不介绍一下它出现的原因:发送ajax请求返回数据时受到浏览器的同源策略的限制。

浏览器的同源策略:是指两个页面"协议+域名+端口"三者相同(有一点不同即为跨域),同源策略是浏览器最核心也是最基本的安全功能。

(跨域是指:一个请求中url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域)

第一种解决方案: 使用 Vue-cli 脚手架搭建项目时在项目中创建vue.config.js文件。vue2中使用proxy配置;vue3中使用proxyTable配置。


module.exports = {
    devServer : {
        proxy || proxyTable: {
            '/api': { // 请求的代称,写在Axios里的BaseUrl 
                target: 'http://localhost:8088/spring', // 真实请求的URL 后台接口域名
                ws: true, //  //如果要代理 websockets,配置这个参数
                secure: true,  // 如果是https接口,需要配置这个参数
                changeOrigin: true, // 允
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值