【vue】详情页数据请求
项目场景:
请求详情页数据
问题描述
请求不到,log没有打印
控制台报错
![](/assets/blank.gif)
debugg过程
- 读报错信息
detail.js?c28a:3 Uncaught (in promise) TypeError: (0 , request__WEBPACK_IMPORTED_MODULE_0_.request) is not a function at getDetail (detail.js?c28a:3:1)
- 定位报错文件及代码行
detail.js?c28a:3:1
- 分析原因
由上图可知,request有问题,下面去找request相关文件
参考 别人报错 解答
相关代码
//network
//detail.js
import {request} from'./request.js'
export function(iid){return request {url:'/detail',params:{iid}}
}
//request.js
import axios from 'axios'
export default function request (config){const instance = axios.create({baseURL: 'http://1**.1**.1**.2**:****/api/**',timeout:5000})instance.interceptors.request.use(config =>{return config},err =>{console.log(err)})instance.interceptors.response.use(res =>{return res.data},err => {console.log(err)})return config
}
原因分析:
在request.js文件里,export default ,所以在detail.js文件里引入时,不需要加大括号
解决方案:
改正
//detail.js
import request from './request'
【vue】详情页数据请求相关推荐
- 拼多多API分享:抓取拼多多商品详情页数据
利用 API 接口 item_get,传入商品 ID,可抓取到拼多多商品详情页数据,包括商品标题.价格.原价.卖家昵称.库存.销量.宝贝链接.宝贝备注.宝贝图片列表.宝贝图片.商品属性名.商品属性图片 ...
- python从txt拿取数据_python requests + xpath 获取分页详情页数据存入到txt文件中
直接代码,如有不懂请加群讨论 # *-* coding:utf-8 *-* # import json import requests import pytesseract import time i ...
- python中xpath如何获取内容_python requests + xpath 获取分页详情页数据存入到txt文件中...
直接代码,如有不懂请加群讨论 # *-* coding:utf-8 *-* # import json import requests import pytesseract import time i ...
- 商品详情页数据怎么抓取
1. 选择合适的爬虫框架:例如Python中的Scrapy框架.Java中的Jsoup框架等.选择一个适合自己的框架,有助于提高爬虫的效率和可维护性. 2. 确定目标网站:选择需要抓取数据的目标网站, ...
- Python爬取淘宝商品详情页数据
在讲爬取淘宝详情页数据之前,先来介绍一款 Chrome 插件:Toggle JavaScript (它可以选择让网页是否显示 js 动态加载的内容),如下图所示: 当这个插件处于关闭状态时,待爬取 ...
- 八爪鱼爬取列表数据和详情页数据(国内网址)
1.一般来说想爬取详情页的数据都会先把列表数据(带上详情页的链接)先爬爬出来再专门爬取详情页的数据. 2.爬取详列表数据步骤: 1.打开网页 2.循环翻页(注意:八爪鱼免费版一次只能爬取1w条数据,所 ...
- vue 详情页返回列表,过滤查询条件保留
项目场景: 在列表页进行的条件查询出来的数据,点击查看详情之后,再返回,之前的查询条件会清空,如何不清空? 思路 在点击查看的时候,保留查询的条件,等返回的时候,把条件给查询框中的值.这个地方多出用到 ...
- 怎么在vue中发起数据请求
get的第一个参数是请求路径 第二个是要携带的get参数 用params来进行指定 直接把get要携带的参数写在params也行,但是建议写在data里面 直接把写好在data的get参数写在para ...
- 苏宁商品详情API接口(商品详情页数据接口)
苏宁商品详情API接口代码对接如下: 1.公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中,点击获取请求示例) secret String 是 调 ...
最新文章
- 无所不答的“自动聊天AI”
- Redis缓存 ava-Jedis操作Redis,基本操作以及 实现对象保存
- Android listView 去掉header和footer中的分割线
- 二叉查找树的简单实现
- 10.python网络编程(socket server 实现并发 part 2)
- MongoDB 3.0 新增特性一览
- 前端学习(3222):函数式组件使用props
- Neither the JAVA_HOME nor the JRE_HOME environment variable is defined
- Redhat 6 git 服务器配置(gitweb)
- 字节跳动最新简单算法面试题
- Pr教程,Premiere Pro 中常用视频格式
- 金碟财务软找不到服务器怎么办,金蝶财务软件KIS标准版客户端连接不上服务器解决办法.pdf...
- 借力函数计算 FC,HEROZ 打造专业级 AI 日本将棋服务
- other 猿 多年收藏
- Robocup3d比赛环境的搭建及常用函数简介
- 【1、雅思听力】何琼口语学习记录 第2节
- R语言--计算各种距离
- html5视频播放av,7月AHA急救课程报名中!掌握埃里克森心脏骤停的获救技能!!...
- 用python画一只小狗
- 腾讯研究院夹缝中生存 35万年薪难求才
热门文章
- git flow 概念
- Backpack Cryptography【背包密码】
- 三国群英传服务器未响应,《三国群英传2》近期服务器不稳定问题说明
- android群英传 百度,超级群英传百度版
- Java算法:华为机试算法(下),华为算法Java版,牛客网华为算法73~108题
- 慕容复的故事告诉我们:应试教育害死人
- 最快的排序算法是什么
- html如何设置中英导航,js怎么在导航栏互相切换中英文
- 北大计算机硕士选调有发展吗,985毕业生不愿当公务员?别被忽悠了,看看北大毕业生的去向!...
- 净空法师:陈晓旭往生的教训(转载)