web前端跨域操作

1.创建

在项目中创建web模块,并在pom.xml 设置以下操作
设置 web 模块 为war包

在这里插入图片描述

加入父级依赖
groupId    :项目名
artifactId :模块名
artifactId :版本号

在这里插入图片描述

加入发布jar包

在这里插入图片描述

校验 :在父级项目pom.xml文件中查看自动生成配置

在这里插入图片描述

若是IDEA初次访问会出现 “404” 需要重新选择访问路径 :选择你的模块名称

在这里插入图片描述

此时可能出现错误  “url”  
 需要在web启动类加入注解 :
 @SpringBootApplication(exclude=DataSourceAutoConfiguration.class)

在这里插入图片描述

yml/properties配置只需要配置端口,访问文件的前缀,后缀
(填写自己的访问路径url)
server:
  port: 8090
spring:     #定义springmvc视图解析器
  mvc:
    view:
      prefix: /WEB-INF/views/
      suffix: .jsp

若要虚拟访问需要配置nginx反向代理配置:
D:\tomcat\nginx-1.19.1\conf
配置完成重启 : nginx -s reload 

若忘记有关命令 :点击此处反向代理
在这里插入图片描述

host文件配置 、若使用DNS服务就不需要修改

在这里插入图片描述

2.伪静态

定义:伪静态是相对真实静态来讲的,通常我们为了增强搜索引擎的友好面,都将文章内容生成静态页面,但是有的朋友为了实时的显示一些信息。或者还想运用动态脚本解决一些问题。不能用静态的方式来展示网站内容。但是这就损失了对搜索引擎的友好面。怎么样在两者之间找个中间方法呢,这就产生了伪静态技术。伪静态技术是指展示出来的是以html一类的静态页面形式,但其实是用ASP一类的动态脚本来处理的。
总结: 以.html(也可以是其他)为结尾的展现的动态页面的脚本技术.如下:
在这里插入图片描述
开启后缀配置
在这里插入图片描述

3.跨域实现的方式

跨域之间不能发送请求 ,跨域之间只拦截ajax ,可以利用引入的方式实现跨域。

方式一.原生

1.通过src 引入域名 

在这里插入图片描述

2.自定义ajax回调函数,封装数据

在这里插入图片描述

3.将json格式进行封装 此处文件名称为 **test.json** 需要与上面引入向匹配

在这里插入图片描述

方式2 :jq实现JSONP

1.ajax

在这里插入图片描述

2.通过控制类实现跨域

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大众筹码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值