VUE解决跨域问题Access to XMLHttpRequest at


Posted in Vue.js onMay 06, 2022

问题描述

VUE发送请求的时候不能请求到正确数据,控制台如下

VUE解决跨域问题Access to XMLHttpRequest at

Access to XMLHttpRequest at 'http://localhost:8000/equip_fault_report/all' from origin 'http://localhost:8080' has been 
blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我的请求js中的URL是这样的

VUE解决跨域问题Access to XMLHttpRequest at

解决方案

在配置js中写入如下

devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:8000',
                changeOrigin: true,
                pathRewrite: {
                    '/api': ''
                }
            }
        }
    }

解读为加链接头,开启跨域,加/api作为识别。
意为请求/api下的链接,直接回转到target

VUE解决跨域问题Access to XMLHttpRequest at

请求js的URl如下

VUE解决跨域问题Access to XMLHttpRequest at

解决

VUE解决跨域问题Access to XMLHttpRequest at

到此这篇关于VUE跨域问题Access to XMLHttpRequest at 的文章就介绍到这了!


Tags in this post...

Vue.js 相关文章推荐
用vue设计一个日历表
Dec 03 Vue.js
vue实现树状表格效果
Dec 29 Vue.js
vue 页面跳转的实现方式
Jan 12 Vue.js
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
vue3中的组件间通信
Mar 31 Vue.js
vue基于Teleport实现Modal组件
May 31 Vue.js
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
vue项目支付功能代码详解
Feb 18 Vue.js
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
vue如何清除浏览器历史栈
May 25 Vue.js
vue使用watch监听属性变化
Apr 30 #Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
vue项目如何打包之项目打包优化(让打包的js文件变小)
关于vue-router-link选择样式设置
Apr 30 #Vue.js
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 #Vue.js
解决vue自定义组件@click点击失效问题
Apr 30 #Vue.js
Vue操作Storage本地化存储
Apr 29 #Vue.js
You might like
php header Content-Type类型小结
2011/07/03 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python装饰器初探(推荐)
2016/07/21 Python
python实现获取Ip归属地等信息
2016/08/27 Python
详解Python字典小结
2018/10/20 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
售后主管岗位职责
2013/12/08 职场文书
英语自荐信范文
2013/12/11 职场文书
环保倡议书400字
2014/05/15 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
出生医学证明书
2014/09/15 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS