vue尚硅谷前端项目学习第4个坑和解决方法---连接服务器获取数据

最新推荐文章于 2024-05-17 18:09:22 发布
最新推荐文章于 2024-05-17 18:09:22 发布
阅读量287 收藏
点赞数 1
分类专栏： 我的vue项目学习错误记录及解决 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45128912/article/details/124801801
版权

在教学视频中老师演示的服务器，到了我学习的时间点已经失效了
在这里插入图片描述
然后有新的接口地址，我是以为点击这个地址能进入一个页面，里面是全新的接口数据
在这里插入图片描述
没想到。。。要拼接！！！！
是将
http://gmall-h5-api.atguigu.cn
取代
http://39.98.123.211
并且视频底下又给了一个最新的接口地址
在这里插入图片描述
非常感谢群里的伙伴引导我
在这里插入图片描述
成功拿到数据
在这里插入图片描述
ApiPost测试
在这里插入图片描述

是西北呀
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇
drhrht的博客
07-31 6126
但是会出现卡顿现象。当微信支付弹窗弹出，就要持续发获取订单支付状态的请求（持续是因为并不知道用户什么时候支付，所以需要持续发请求，直到能获取到支付状态），若接收到支付成功，则路由跳转至支付成功页面。项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。例如，为防止，不经过某路由就直接在地址栏输入本路由地址而跳转至本路由，导致本路由获取不到前面路由的某些数据，所以给本路由加路由独享守卫。...
把vue-router和express项目部署到服务器的方法
11-30
– 首先确定此项目在本地能够运行成功 在本地命令行中输入npm run start，无报错，且打开127.0.0.1:3000 有写的路由为/的页面，如图 此为文件层级关系 front为前端文件 xk3为后台express与数据库mysql链接的文件 用命令行进入后台并且运行，启动成功 这是路径为/的页面 在浏览器中输入路径http://localhost:3000/ 浏览器中显示WelCome to express 至此此项目在本地运行成功，我们现在就要放到服务器上。 – 准备工作 此前服务器的基本设置就不再赘述。 打开xftp或者其他类似软件，将此项目全部复制到/var/www/路径
尚硅谷2020微服务分布式电商项目《谷粒商城》-单点登录（jwt）
a2522827931的博客
07-03 2671
欢迎访问加群：1107019965，学习更多的知识 1. 用户管理提供数据接口 1.1. 数据验证功能 根据接口文档知： 请求方式：GET 请求路径：check/{param}/{type} 请求参数：param,type 返回结果：true或false 1.1.2. UserController /** * 校验数据是否可用 * @param data * @param type * @return */ @GetMapping("check/{dat
Unable to infer base url. This is common when using dynamic servlet registration or when the API
axiebuzhen的博客
04-01 2769
在跟着尚硅谷的一个微服务做项目的时候，使用Swagger2打开浏览器一直报错，http://localhost:8080/swagger-ui.htm 首先你得保证 1、在启动类或配置类上加@EnableSwagger2注解 2、包扫描注解@ComponentScan注解，例如我的是 3、添加SwaggerConfig配置类 @Configuration//配置类 @EnableSwagger2 //swagger注解 public class SwaggerConfig { ...
尚品汇api（后台）接口文档
薛定谔的猫
05-02 1440
"skuDesc": "主体\n入网型号\nA2223\n品牌\nApple\n产品名称\niPhone 11\n上市年份\n2019年\n上市月份\n9月\n基本信息\n机身颜色\n红色\n机身长度（mm）\n150.9\n机身重量（g）\n194\n机身材质工艺\n以官网信息为准\n机身宽度（mm）\n75.7\n机身材质分类\n玻璃后盖\n机身厚度（mm）\n8.3\n运营商标志或内容\n无","props": ["1:1700-2799:价格", "2:6.65-6.74英寸:屏幕尺寸"],
Vue电商项目--axios二次封装
薛定谔的猫
04-30 1193
我们可以在请求拦截器和相应拦截器中设置nprogress设置对应的start和done，但是发现，我们并没有效果。请求拦截器，响应拦截器：请求拦截器，可以在发请求之前处理一些业务，响应式拦截器：当服务器数据返回以后，可以处理一些事情。意思就是以后如果我们/api/list/card这个路径话，就可以忽略/api。XmlHttpRequest,fetch，JQ，Axios这些都是很优秀的网络请求库。首先，我们这个是没有安装axiso，因此要安装一下。而解决跨域问题，可以采用JSONP，CROS,代理。
电商平台项目 Vue day2
kin的博客
11-12 376
电商平台项目 尚品汇day2内容
【springboot+vue项目（三）】后台管理系统模板vue-admin-template 的使用
shanglin1122的博客
06-28 2997
├── build/ # 构建脚本├── mock/ # 模拟数据├── public/ # 静态资源│ ├── favicon.ico # 网站图标│ └── index.html # 入口页面├── src/ # 项目源码│ ├── api/ # API 请求封装│ ├── assets/ # 静态资源│ ├── components/ # 公共组件│ ├── directive/ # 自定义指令│ ├── filters/ # 过滤器│ ├── icons/ # 图标。
前端vue-cli项目中使用img图片和background背景图的几种方法
12-30
前端中背景图片极其常用,但是很容易出现各种问题. 一种是脚手架本身资源引用方式的问题,如指定静态资源文件夹. 一种是图片资源引入方式,有时候使用绝对或者相对路径会导致错误. css方法 正常使用background属性即可...
vue项目优化之通过keep-alive数据缓存的方法
11-26
和 <transition> 相似，<keep> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的...
vue-cli3项目打包后自动化部署到服务器的方法
01-18
例如 upload.js （下面任选一个即可） 位置和 package.json平级即可。 简略版 'use strict' // 引入scp2 var client = require('scp2'); client.scp('./dist/', { // 本地打包文件的位置 host: 'XXX.XX.XX.XXX', /...
Vue学习之旅Part9：使用vue-router实现前端路由和参数传递
01-20
每个前端的资源都对应着一个URL地址 由后端路由进行分发 浏览器在地址栏中切换不同的url时每次都会向后台服务器发出请求 然后服务器响应请求 在后台拼接html文件传给前端显示 从而返回不同的页面 这意味着 浏览器会...
B站尚硅谷---vue2实战项目《尚品汇》---第二天
m0_64804076的博客
12-02 500
B站尚硅谷---vue2实战项目《尚品汇》---第二天
Vue项目中常见问题(8)接口统一管理及解决服务器跨域问题
qq_46368050的博客
05-13 1666
目录 gitee仓库地址:登录 - Gitee.comhttps://gitee.com/CMD-UROOT/sph-project/commits/master 1.在src下的api中新建一个index.js文件,对API进行统一管理 2.我们在src/index.js中对API进行统一管理 3.在main.js入口文件中测试一下 4.在控制台Network中查看 5.分析:为什么404? 6.到底什么是跨域呢? 7.那么怎么去解决跨域问题呢? 7.1我们用代理的方法来解决一下跨域..
谷粒商城项目常见问题报错bug解决尚硅谷Docker,mysql,redis
永远对技术保持一颗敬畏之心
05-24 1892
博主自己建的谷粒商城项目常见问题交流群：587141293 群已上传项目资料源码，如有遇到其他问题可加q群咨询，一起学习！ 谷粒商城教程补丁及资料源码获取： 网盘内容清单： ①代码 ②谷粒商城-分布式基础-图.pdf ③谷粒商城-微服务架构图.jpg ④gmall_数据库设计.pdb 链接: https://pan.baidu.com/s/1cpWIV-YWi1mWHh8R0E6AsQ. 提取码：0hr5 Docker： 安装mysql： sudo docker run -p 3306:3306 --nam
Getaway网关访问微服务：503，Service Unavailable
silence_cattle的博客
10-10 2087
Getaway网关访问微服务：503，Service Unavailable，提示找不到服务，但服务已启动，路径无问题
什么是 503 服务不可用错误？
热门推荐
网络技术联盟站
03-16 1万+
浏览网页时最常见的错误之一是“503 服务不可用错误”，此消息表明 Web 服务器遇到技术问题并且无法处理请求。 本文将介绍 503 错误的含义、收到 HTTP 503 代码的原因以及如何解决这些错误。 什么是 HTTP 503 错误 当您打开网页时，您的浏览器会向托管该站点的服务器发送一个请求，该服务器会返回请求的数据和响应代码，HTTP 响应状态码由服务器返回，并告诉客户端请求是否成功。 响应代码分为五类，500 到 599 范围内的代码表示服务器错误。 HTTP 状态码 503 是服务器无法处理请求时
gateway网关访问微服务503报错解决办法之一，控制台报错No instances available for service
djw_0926的博客
03-16 1万+
最开始访问网关报错503 Service Unavailable for Bot，控制台显示 No instances available for service 但是配置文件均无错误，nacos中存在配置的微服务，所以可能是依赖的问题 检查依赖 最开始使用的是 springcloud alibaba2020.0.1 springboot 2.4.3 spring-cloud-alibaba-dependencies2.1.0 经检查发现 springcloud alibaba2020.0.1 spring
FME学习之旅---day27
最新发布
summer_corner的博客
05-17 191
我们付出一些成本，时间的或者其他，最终总能收获一些什么。
vue前端项目出现FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory报错怎么解决
04-18
当在Vue前端项目中出现"FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory"错误时，这通常是由于JavaScript堆内存不足导致的。解决这个问题的方法有以下几种： 1. 增加Node.js堆...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值