部署的问题太多了

部署的问题太多了

1、在本地使用localhost才能访问,而127.0.0.1会出现跨域问题,只能加载出蓝底背景。同样,在服务器上,直接使用公网也是只能加载出蓝底背景。

Access to XMLHttpRequest at 'http://127.0.0.1:8083/category/list' from origin 'http://localhost:8083' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

http://img1.sycdn.imooc.com//climg/5f8697b2094f701411071043.jpg

2、根据日志,程序是能接收到请求的,并且正常返回一个响应对象,但是前端一直提示网络错误,根本无法接收到响应数据。

综上所述,我怀疑资料中所给的前端代码可能只是本机,我压根就没在资料区中找到课程所示的两份代码。

正在回答

登陆购买课程后可参与讨论,去登陆

13回答

同学你好,分辨率推荐使用1920 X 1080。

关于输入框的提示文本都是地址,建议同学可以在项目中按ctrl+shift+F,或者点击Edit->Find->Find in Path,输入请输入地址,查询对应的文件点进入,如:

http://img1.sycdn.imooc.com//climg/5f890cf109ae281a07570523.jpg

在文件中,按ctrl+F查找,例如:

http://img1.sycdn.imooc.com//climg/5f890d2a0929e26d15870354.jpg

http://img1.sycdn.imooc.com//climg/5f890d7c098e529713870101.jpg

在收件人后的提示信息改为“请输入收件人姓名”,电话后的提示,改为“请输入收件人电话”。重启项目再试试。

之后我们也将对代码进行修改。

祝:学习愉快~

易萧 提问者 2020-10-15 21:08:35

http://img1.sycdn.imooc.com//climg/5f8849b509554a7415291044.jpg

又来一个小BUG,输入框的提示文本都是地址。

易萧 提问者 2020-10-15 21:06:58

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈我成功了

虽然在2K全屏下布局仍然有问题,但是各功能都正常运转了

http://img1.sycdn.imooc.com//climg/5f8848f20942420419471166.jpg

http://img1.sycdn.imooc.com//climg/5f88494009e1e30925601400.jpg

2K最大化真的有问题,你信我,老师可以开2K以上分辨率试一下。

好帮手慕阿满 2020-10-15 19:05:07

同学你好,同学现在的问题是banner区域没有正常显示,如:

http://img1.sycdn.imooc.com//climg/5f882c4109ad9bb208770340.jpg

问一下同学是否启动redis,如果没有,建议同学启动一下redis服务。另外banner区域的轮播图,建议同学查看一下如下位置是否存在对应的banner图片。

http://img1.sycdn.imooc.com//climg/5f882cd0092f6e6012540577.jpg

祝:学习愉快~

  • 提问者 易萧 #1
    现在的问题是改了127.0.0.1没用,前端还是访问的127.0.0.1,没数据,怎么搞
    2020-10-15 20:23:14
易萧 提问者 2020-10-15 18:44:44

http://img1.sycdn.imooc.com//climg/5f8827de09d579fc25601400.jpg

老师可以看一下这张图右边的控制台。

127.0.0.1下的js资源在IDEA里面根本就找不到,自然也就无从改起,也不知道它是从哪里来的。

但是可以看到,它的确指向了本地

易萧 提问者 2020-10-15 18:03:35

http://img1.sycdn.imooc.com//climg/5f881e4e096ecb2525601400.jpg

idea下可以看到,我已经全部替换成了远程地址,而且重新打包到服务器上了的。服务器上的进程也杀死重启的,但是仍然是在请求本地数据

  • 提问者 易萧 #1
    而且我改了之后,本地运行,也照样能获取127.0.0.1的数据,说明它确实请求地址没有改变,但是文件里面的确改了
    2020-10-15 18:31:48
  • 同学你好,建议同学关掉本地启动的项目,清空浏览器的缓存,再访问远程地址试试。祝:学习愉快~
    2020-10-15 19:07:24
好帮手慕阿满 2020-10-15 17:50:36

同学你好,关于同学的问题:

1、路径中含有admin,会要被拦截,如果已登录,则放行,如果没有登录,则跳转到登录页面。

2、通常情况下,localhost是等于127.0.0.1。但是现在大多数电脑都安装了ipv6,localhost则指向了 : :1,同学可以在cmd中,ping一下localhost,结果是否是 : :1,如:

http://img1.sycdn.imooc.com//climg/5f881a2209b4511704610212.jpg

这是安装了ipv6,此时127.0.0.1和localhost不是同源的。

同学可以修改hosts文件,使localhost等于127.0.1。

hosts文件在C:\Windows\System32\drivers\etc目录下,如:

http://img1.sycdn.imooc.com//climg/5f881aad09d8810405420278.jpg

使用可编辑的方式打开(例如记事本),将127.0.0.1   localhost前的注释 #去掉,保存。

http://img1.sycdn.imooc.com//climg/5f881afd0985c19606060358.jpg

保存后,可以在cmd中重新ping一下localhost,查看是否指向127.0.0.1,如:

http://img1.sycdn.imooc.com//climg/5f881b440948004f05470218.jpg

如果指向127.0.0.1,同学可以使用127.0.0.1和localhost分别访问项目,查看能否正常显示。

祝:学习愉快~


  • 提问者 易萧 #1
    我把地址改成了远程服务器,但是它还是在请求本地数据,附图。
    2020-10-15 18:01:41
易萧 提问者 2020-10-15 17:19:48

另外,什么127.0.0.1不能访问静态图片,F12调试模式下也分成了两个地址,localhost和127.0.0.1,它们下面的资源不一样,localhost下的资源就和IDEA中static里面的一样,而127.0.0.1下的资源里面没有图片,但是多其它资源,比如pages下面的index.js,这些都是在static里面没有的东西。

有些不能访问和加载的东西,应该就跟这个有关系,但是127.0.0.1不就是localhost吗,实在搞不懂。

易萧 提问者 2020-10-15 16:07:06

http://img1.sycdn.imooc.com//climg/5f8802f60975768f19591300.jpg

我明明访问的远程服务器,但前端却去本地获取数据。

  • 同学你好,同学是否根据这个https://class.imooc.com/lesson/1414#mid=40148小节的内容修改前端页面中的请求地址呢?如果没有,建议同学修改一下,重新打包发布再试试。 祝:学习愉快~
    2020-10-15 16:19:05
好帮手慕阿满 2020-10-15 15:06:24

同学你好,看到同学的分类及商品都能显示了。滚动图片及样式问题可能是缓存造成的,建议同学清空浏览器的缓存再试试,或者可以更换浏览器再试试。

祝:学习愉快~

  • 提问者 易萧 #1
    我换了几个浏览器都是这样,不光是样式问题,127.0.0.1打不开的问题也是时好时坏,但是我发现在搜狗浏览器上可以打得开,包括远程服务器的也可以打开,但是远程服务器上的数据却是接收不到的,还是因为跨域访问,因为前端去请求了127.0.0.1:8083的数据,而非服务器上的数据。
    2020-10-15 16:05:32
  • 提问者 易萧 #2
    还有一个问题,我打开管理员后台登录界面,但是路径中含有admin,可是admin打头的url不是要被拦截下来吗
    2020-10-15 16:42:55
易萧 提问者 2020-10-15 14:48:44

http://img1.sycdn.imooc.com//climg/5f87f0be0958917325601400.jpg

全屏下的布局也变成这样了

好帮手慕阿满 2020-10-15 10:44:03

同学你好,统一响应对象的属性名需要和老师定义的保持一致,使得前端能够正常获取对应的属性。

这里是将线上和线下两个前端文件整理了一下,使其线上和线下都可以使用。

这里建议同学下载课程中提供的带前端源码,如:

http://img1.sycdn.imooc.com//climg/5f87b6360911445003990077.jpg

修改application.properties配置文件,然后启动项目测试一下,

http://img1.sycdn.imooc.com//climg/5f87b6640995286d13270379.jpg

效果如下:

http://img1.sycdn.imooc.com//climg/5f87b4c20960dcea15180928.jpg

这里应该使用127.0.0.1访问。


  • 提问者 易萧 #1
    还是不行啊老师,我给你看下整个测试过程
    2020-10-15 14:14:57
  • 提问者 易萧 #2
    我闯了个鬼,static文件夹的前端文件,我重新复制进去了一遍,浏览器直接打不开了,显示white page,然后我就撤销了覆盖,又能显示出来了,响应也接收到了,但是滚动图片又加载不出来了,我都气笑了。
    2020-10-15 14:40:51
好帮手慕阿满 2020-10-14 16:28:28

同学你好,使用127.0.0.1访问是可以的,如:

http://img1.sycdn.imooc.com//climg/5f86b4df0994aa7a14670614.jpg

http://img1.sycdn.imooc.com//climg/5f86b50c09c144bc12160449.jpg

(由于数据库中图片使用的端口是8081,和访问端口不同,造成图片没具体显示,请忽略)

localhost能正常访问,127.0.0.1也应该可以访问。建议同学直接访问http://127.0.0.1:8083/category/list,查看控制台是否正常返回数据,页面中是否以json的格式出现数据。

前端代码只有一份,只用来渲染页面,数据由后台提供。如果数据可以正常返回,页面应该可以正常渲染。

祝:学习愉快~

  • 提问者 易萧 #1
    视频里不是说有线上前端文件和线下前端文件吗。 而且数据是正常返回的啊,能得到JSON格式的返回值,但是它就是不显示,得不到结果 跨域访问那个总不是我捏造的吧,我还没本事改前端代码。 老师同样可以看看评论区另一个同学的问题,他也有同样的问题,有数据,但前端接受不了,所以访问后没有显示商品列表和分类,那一块儿是黑的。
    2020-10-14 20:37:13
  • 提问者 易萧 #2
    注册用户的时候,程序那边都注册成功了,数据库都可以查了,logger都捕捉到Response了,而前端这边直接提前网络异常。 等等,我突然想起个东西,统一响应对象的属性名以及异常码是不是必须和老师定义的一样??
    2020-10-14 20:54:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师