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