vue中如何调取api_vue-router在history模式下如何调用api?
想要访问http://localhost:8080/change/detail/123时调用http://localhost:5438/api/change?id=123获取数据,目前配置如下:assetsPublicPath: '/',proxyTable: { '/api': { target: 'http://127.0.0.1:5438/api/', changeOrigin: true, pathRewrite: { '^/api': ''
}
}
},
路由配置如下{ path: '/change/detail/:id',
name: 'ChangeDetail',
component: ChangeDetail
}
ChangeDetail中代码如下this.$axios.get('api/change?id=' + id)
.then(response => {
......
})
但是访问后发现axios请求的url是http://localhost:8080/change/detail/api/change?id=123 而非http://localhost:8080/api/change?id=123
请问该如何配置呢?谢谢!
vue中如何调取api_vue-router在history模式下如何调用api?相关推荐
- vue 刷新嵌套路由_vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法...
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题,具体内容如下 一. 异常描述 本来使用的是vue-router的hash模式,但是hash模式下url需要带&q ...
- nginx导致vue设置history模式下的请求丢失参数
nginx导致vue设置history模式下的请求丢失参数 问题描述: 当访问下面的路径时参数会丢失: http://ip/vuecay/path1/path2?name=cay 演示效果: 可以看到 ...
- 解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页 前言 问题分析 问题解决 结语 前言 众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
- h5 uniapp history模式下刷新页面404
h5 uniapp history模式下刷新页面404 问题:uniapp 的history 把#去掉了,但是当刷新页面的时候出现404 解决方案 需要服务端支持 如果 URL 匹配不到任何静态资源, ...
- vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目 参考文章: (1)vue-cli3.x正确打包项目,解决静态资源与路由加载无 ...
- vue router 原生html,Vue router 使用 History 模式导致页面请求 404
vue-router 默认 hash 模式 -- 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 如果不想要很丑的 hash,我们可以用路由的 his ...
- 解决vue router使用 history 模式刷新后404问题
因为我们的应用是单页客户端应用,当使用 history 模式时,URL 就像正常的 url,可以直接访问http://www.xxx.com/user/id,但是因为vue-router设置的路径不是 ...
- vue项目全局配置微信分享_Vue项目history模式下微信分享总结-个人文章-SegmentFault思否...
每回遇到微信分享都是一个坑,目前的商城项目使用vue开发,采用history的路由模式,配置微信分享又遇到了很多问题,最后终于解决了,现将解决的过程分享一下. 原文https://justyeh.to ...
- Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客 在上面搭建起来的Vue前端项目中 ...
最新文章
- unicode and utf-8
- 机器学习实战(MachineLearinginAction) 第二章 k-近邻算法
- NTA - ERP远程接入硬件解决方案
- [Translation]Silverlight 4-MVVM with Commanding and WCF RIA Services
- PLSQL导入导出表的正确步骤
- 一个好的函数(gcd)求最小公约数
- python钓鱼网站_Python+MySQL获取PhishTank的钓鱼网站列表作业笔记
- Java信息管理系统模板思维导图
- 使用selenium爬验证码图片并识别
- mina框架CumulativeProtocolDecoder.doDecode方法浅析
- Java常见练习题总结
- 网站SEO优化:遇到死链接就这样解决
- 如何用计算机克数和斤换算,质量(重量)单位换算计算器
- arm模拟器手机版_在 Android 模拟器上运行 ARM 应用
- 少有人走的路:心智成熟的旅程
- python syntax error_python提示Syntax Error报错解决教程
- 安卓手机做服务器(django),完成废物利用
- MIUI9系统详细刷成开发版启用root权限的教程
- mysql emoji表情 保存utf8mb4 错误原因总结
- 汉诺塔c语言执行步骤详解,详解汉诺塔执行过程
热门文章
- 租赁笔记本电脑哪里有_广东哪里有离心鼓风机优势-长沙鼓风机厂
- linux ls mv,04_Linux目录文件操作命令1(mv ls cd...)_我的Linux之路
- 解决“Linux无法登录,显示module is unknown”问题
- 测试linux硬盘读写速度
- java中什么泛型_java中的泛型(一)
- 队列Java舞会_周末舞会(队列)
- [HNOI2013]比赛 搜索
- 农信银高莉:农信科技共享计划
- 11 Django组件-分页器
- PHP下用Memcache 实现消息队列