关于vue-resource 跨域请求的异常处理方法
2024-10-06 05:39:47
当你启动一个vue项目时，项目会运行在一个webpack的服务上，所以此时去访问其他端口或者是其他地址时，属于跨域请求，故会报异常。
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
当出现此异常时，不要慌，解决方法很简单。
首先，打开项目的webpack.config.js文件
在当前页面搜索
devServer:
然后在此节点下添加以下这个对象：
name可以随意命名，不过最好按一定的格式命名，待会儿后面会用到。以下是此对象的代码
proxy: {
'/api': {
target: 'http://localhost:64938/',
changeOrigin: true,
pathRewrite:{
"/api":""
}
}
}
添加对象后，回到我们调用请求的页面，修改对应报错的请求url，把原本的url的请求跟地址 也就是 如：http://localhost:64938/ 替换为 /api ，然后重启项目！重启项目！重启项目！
重启项目，即可访问！
最新文章
- 【原创】Matlab.NET混合编程技巧之找出Matlab内置函数
- $('div','li')，$('div , li')，$('div li')的区别
- 从nib文件里加载collectionViewCell
- VIew中的触摸事件 touchBegin 等一系列方法
- WM_ACTIVATE
- 简单三步为Azure安装 Visual Studio
- 大型邮箱smtp服务器及端口 收集
- linux复制文件命令scp
- 安卓CTS官方文档之兼容性测试套件简介
- python面向对象进阶
- 转 Caffe学习系列(5)：其它常用层及参数
- 安卓高级5 传感器和震动 模仿微信摇一摇Ui效果
- go [第一篇]初识
- 原型设计软件介绍——Axure RPx
- 斐波那契数列-java编程：三种方法实现斐波那契数列
- Visio 安装
- MariaDB MySQL变量取值避免四舍五入的方法
- Java 多线程初级汇总
- （网络流 模板）A Plug for UNIX -- poj -- 1087
- input 输入的一些限制说明