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 10 Vue.js
全面解析Vue中的$nextTick
Dec 24 Vue.js
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
Vue实现动态查询规则生成组件
May 27 Vue.js
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
SSM VUE Axios详解
Oct 05 Vue.js
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
vue 自定义组件添加原生事件
Apr 21 Vue.js
解决vue自定义组件@click点击失效问题
Apr 30 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 数组二分法查找函数代码
2010/02/16 PHP
使用php清除bom示例
2014/03/03 PHP
PHP实现对图片的反色处理功能【测试可用】
2018/02/01 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
关于foreach循环中遇到的问题小结
2017/05/08 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
2017/05/11 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
2018/04/24 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
常用python爬虫库介绍与简要说明
2020/01/25 Python
如何表示python中的相对路径
2020/07/08 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
数据库方面面试题
2012/04/22 面试题
什么时候用assert
2015/05/08 面试题
教师师德演讲稿
2014/05/06 职场文书
土木工程求职信
2014/05/29 职场文书
使用Java去实现超市会员管理系统
2022/03/18 Java/Android