注:用axios请求

1,下载axios

npm i axios --save

2,在config文件下的index.js中配置代理地址

   参考:https://vuejs-templates.github.io/webpack/proxy.html
  举例:localhost:8080/api/xxx 代理到 http://192.168.10.183:8103/api/xxx,如果用pathRewrite重写则代理到http://192.168.10.183:8103/xxx
  将'/api'转为'/'
  proxyTable: {
'/api': {// '/api':匹配项
target: 'http://192.168.10.183:8103',// 接口的域名
     // secure: false,// 如果是https接口,需要配置这个参数
changeOrigin: true,// 如果接口跨域,需要进行这个参数配置
     // pathRewrite: {// 如果接口本身没有/api需要通过pathRewrite来重写了地址
     // '^api': ''
// } }
}

3.用axios请求资源

参考:https://www.npmjs.com/package/axios
// 引入axios
import axios from 'axios'
export function getProductTree() {
 // 用axios.get()请求资源
return axios.get('/api/pageblock/getProductCategoryTree')
}

4.页面中请求资源

<script>
import { getProductTree } from 'api/product-tree.js' export default {
created() {
this._getProductTree()
},
methods: {
_getProductTree() {
// 页面加载时请求资源
getProductTree().then(data => {
console.log(data)
})
}
}
}
</script>

最新文章

  1. 【PRINCE2是什么】PRINCE2认证之七大原则(5)
  2. Java_File类讲解_打印目录树状结构_递归算法
  3. 原生态ajax 传递json参数到服务器端
  4. SELECT INTO FROM 与 INSERT INTO SELECT区别鉴赏
  5. [转]编译VC++程序warning C4819快速解决
  6. 前端们,gulp该用起来了,简单的demo入门——gulp系列(一)
  7. 转:c++类实例在内存中的分配
  8. easyui中的combobox小知识点~~
  9. Android(java)学习笔记222:开发一个多界面的应用程序之不同界面间互相传递数据(短信助手案例的优化:请求码和结果码)
  10. 活生生的例子:qInstallMessageHandler接受指定类型的函数指针,这样就可以随心所欲的让程序员自定义函数名以及函数位置
  11. DNS服务器 和CDN
  12. 磁盘测试工具FIO工具安装和使用方法
  13. jQuery实现的手风琴效果
  14. springboot(eureka子项目)+idea+jsp 404问题
  15. ef6 code first with Oracle 试玩记录
  16. Django REST framework快速入门指南
  17. memcached windows 修改端口
  18. [转]mysql Access denied for user &#39;root&#39;@&#39;localhost&#39; 问题的解决方法
  19. 模仿锤子手机的bigbang效果
  20. dedecms--将静态页面转化为动态页面

热门文章

  1. 2017《Java技术》预备作业 计科1502任秀兴
  2. Linux下安装JDK(小白教程)
  3. C# winform 文件管理
  4. 《linux 内核全然剖析》sched.c sched.h 代码分析笔记
  5. 初探Remoting双向通信(二)
  6. enovia PLM : add new value to SPEO
  7. mysql-视图及索引简介
  8. 转。Nas配置。想找原版没找到,全是转载的,也没注出处,无语。
  9. Codeforces 1111E DP + 树状数组 + LCA + dfs序
  10. day08 python文件操作