vue-cli之webpack的proxyTable无效的解决方案
2024-08-30 02:21:41
最近遇到这个需要单页访问跨域后台的问题
可以按照如下设置:
proxyTable: {
'/list': {
target: 'http://api.xxxxxxxx.com',
pathRewrite: {
'^/list': '/list'
}
}
}
这样我们在写url的时候,只用写成/list/1就可以代表api.xxxxxxxx.com/list/1.
那么又是如何解决跨域问题的呢?其实在上面的'list'的参数里有一个changeOrigin参数,接收一个布尔值,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了,当然这只适用于开发环境。增加的代码如下所示:
proxyTable: {
'/list': {
target: 'http://api.xxxxxxxx.com',
changeOrigin: true,
pathRewrite: {
'^/list': '/list'
}
}
}
遇到了网上很多人说的,proxyTable
无论如何修改,都没效果的现象。
1.(非常重要)确保proxyTable配置的地址能访问,因为如果不能访问,在浏览器F12调试的时候看到的依然会是提示404。
并且注意,在F12看到的js提示错误的域名,是js写的那个域名,并不是代理后的域名。(l楼主就遇到这个问题,后端地址缺少了查询参数,代理设置为后端地址,然而F12看到的错误依然还是本地的域名,并不是代理后的域名)
2.就是要手动再执行一次npm run dev
最新文章
- CSS入门常见的问题
- .NET Core全面扫盲贴
- CSS项目学习总结
- 最简单的js确认框!
- npm 安装远程包(github的)
- Spring 配置解析之Properties
- Spark往Elasticsearch读写数据
- 关于Redis持久化
- MySQL Profile
- 【leetcode】Intersection of Two Linked Lists(easy)
- C++对象创建与释放
- jdk .tar.gz 包安装 inAction
- 培训机构出来的iOS学员怎么了?
- html 数字不转行问题
- sockt套接字编程
- 详细介绍关联规则Apriori算法及实现
- GBDT 算法:原理篇
- navicat for mysql 注册码,简简单单,一个搞定(蔡军帅亲测有效)
- LogXGEController: Error: XGE version 8.01 (build 1867) or higher is required for XGE shader
- 《Linux就该这么学》第十二天课程
热门文章
- Python Numpy shape 基础用法(转自他人的博客,如涉及到侵权,请联系我)
- 清除ul li里面的浮动并让ul自适应高度的一个好办法
- 特征选取1-from sklearn.feature_selection import SelectKBest
- Linux发行版Debian操作系统破译密码
- 面向对象【day07】:类的继承(七)
- python---wsgiref初探
- Node remains in conflict,svn冲突解决办法
- VUE2.0 饿了吗视频学习笔记(一):VUE示例data.json
- DotNetBar 控件设置空内容时显示内容
- 支付宝app支付流程