vue配置|vue配置 proxytable详解
【vue配置|vue配置 proxytable详解】proxyTable: {
'/geoconv': {
target: 'https://api.map.baidu.com', // 你接口的域名
// secure: false,
changeOrigin: true
// pathRewrite: {
// '^/apis': ''
// }
}
},
1.开启代理： changeOrigin 设置为true, 代表开启代理
2.target: 要请求地址的域名，
3， this.$http.get('/geoconv/v1/?coords=' + longitude + ',' + latitude + '&from=1&to=5&ak=你的ak', null, res => {
console.log(res.result)
longitude = res.result[0].x
latitude = res.result[0].y
})
设置请求路径，用 / geoconv匹配
4.原理： 将用本地起的服务器请求目标的服务器，前端页面，请求本地代理服务器
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 从战略性的角度可以配置股票
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- 缓存有关的配置和属性
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)