栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

跨域-问题出现切换请求基地址到本地服务器

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

跨域-问题出现切换请求基地址到本地服务器

在本项目的开发中,我们并不会一直请求线上的接口(用的同学多了,不稳定;操作数据时,也会相互影响)我们在本地有一份后端接口服务器,在后边的开发中,我们将一直使用它。下面,我们将会把基地址改成本地服务器接口。

目标:

      让ajax请求指向本地服务器

分析:

      直接修改.env.development.js中的配置即可

# base api
VUE_APP_base_API = 'http://localhost:3000/api'

如果你本地没有服务器,可以把上边的localhost改成你同学的ip地址

步骤   启动mongodb服务

   一般在安装成功后,它会常驻服务,我们不用管它。

 启动后端服务器

在people文件夹(下发的人资服务器代码), 运行npm run serve

 测试服务器

       在login页面上,点击登陆,查看后端的服务器的反应:后端能收到请求,但是前端网页上出现了跨域错误;

 后续开发以本地接口为准,开发时要保证people下的服务器要启动;

小结:

     遇到了一个熟悉的错误:ajax跨域错误!

     注意:跨域错误本质问题出在浏览器,而不是服务器端,服务器是可以顺利收到请求的

跨域-原因及解决方案 目标:

   掌握跨域的原因;

跨域:

   如何判断跨域请求:

            在A地址(发起请求的页面地址)向B地址(要请求的目标页面地址)发起请求时,

            如果A地址和B地址在: 协议 域名 端口 不全相同,则说明请求是跨域的;

跨域请求是非常常见的现象!

跨域请报错的原因

 跨域请求出现错误的条件: 浏览器同源策略 && 请求是ajax类型

解决方案:
  • 前端用JSONP方式去发请求(jsonp不是ajax请求)

  • 后端写代码(CORS)在响应中添加必要的响应头,让响应回来之后浏览器不报错

  • 代理转发

小结:

浏览器发起跨域请求是很常见的;

跨域请求报错的原因是: 浏览器同源策略 && 请求是ajax类型 && 请求确实跨域了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/333765.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号