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中通过render函数给子组件设置ref操作
Nov 17 Vue.js
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
vue使用element-ui实现表单验证
Dec 13 Vue.js
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 Vue.js
vue实现图书管理系统
Dec 29 Vue.js
vue实现登录功能
Dec 31 Vue.js
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
vue 项目@change多个参数传值多个事件的操作
Jan 29 Vue.js
Vue.Draggable实现交换位置
Apr 07 Vue.js
vue实力踩坑之push当前页无效
Apr 10 Vue.js
vue postcss-px2rem 自适应布局
May 15 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
ionCube 一款类似zend的PHP加密/解密工具
2010/07/25 PHP
php 求质素(素数) 的实现代码
2011/04/12 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
js DataSet数据源处理代码
2010/03/29 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
javascript编写简易计算器
2017/05/06 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
关于Google发布的JavaScript代码规范你要知道哪些
2018/04/04 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
使用python实现简单五子棋游戏
2019/06/18 Python
python tornado修改log输出方式
2019/11/18 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
中文系师范生自荐信
2013/10/01 职场文书
工厂保安员岗位职责
2014/01/31 职场文书
2014年妇幼卫生工作总结
2014/12/09 职场文书
物业保安辞职信
2015/05/12 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
SQL SERVER触发器详解
2022/02/24 SQL Server