在普通网页上使用vue时，通过axios获得json数据时出现跨域问题

其他 2020-10-19 11:16:14 阅读次数: 0

在普通网页上使用vue时，通过axios获得json数据时出现跨域问题的解决方案

刚开始学习vue，没搭建vue项目，就直接在普通网页html中使用 vue，在html的head标签内导入vue和axios文件
在这里插入图片描述
获得json文件数据的实现方法：

把html写完之后，在浏览器运行，却发现报错：
在这里插入图片描述通过查阅资料，发现是跨域问题，是因为浏览器的同源策略。

火狐浏览器中解决方法(修改浏览器配置)：
在浏览器中输入网址：about：config

在这里插入图片描述
搜索security.fileuri.strict_origin_policy

在这里插入图片描述

它的值默认为true，修改其为false即可解决。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43710807/article/details/97784494

在普通网页上使用vue时，通过axios获得json数据时出现跨域问题

在普通网页上使用vue时，通过axios获得json数据时出现跨域问题

vue 使用 axios 时怎么解决跨域问题

使用vite创建的vue3项目使用axios时出现跨域问题-not allowed by Access-Control-Allow-Origin

Vue axios 的使用与跨域问题

Vue通过axios发送post请求出现跨域问题

关于VUE使用axios异步请求时的跨域处理方法

解决vue与SSM项目中间用axios传json数据以及跨域问题

VUE AXIOS 跨域问题

关于vue使用axios post发送json数据跨域请求403的解决方法

Vue-cli axios获取数据中的跨域问题

vue---axios实现数据交互与跨域问题

Vue2.5.x --- 使用axios解决跨域问题

vue axios的使用以及解决跨域问题

vue使用axios跨域访问实现及问题分析

Vue中使用axios如何解决跨域问题

vue使用axios调用豆瓣API跨域问题

vue-cli3使用axios解决跨域问题

Vue中使用axios 解决跨域问题:

在vue中使用axios中的post请求时, 如何将json数据改为formdata类型

在Vue中如何使用axios跨域访问数据

Vue中如何使用axios请求跨域数据

在vue中使用axios实现跨域请求并且设置返回的数据的格式是json格式,不是jsonp格式

在vue中使用axios实现跨域请求并且设置返回的数据的格式是json格式，而不是jsonp格式

使用vue-element-admin框架开发时遇到的跨域问题

vue前后端分离使用fetch 跨域请求时 session失效问题解决

$Django 跨域问题(同源策略) vue项目(axios跨域请求数据)

前端解决跨域 3 种方法 -对接读卡器时出现跨域问题

vue 解决axios 跨域问题

vue-cli axios跨域问题

今日推荐

周排行

LRU cache算法

windows10, 自带的OpenSSH, key权限问题, 文件权限问题

测试用例书写方法

HIVE-默认分隔符的（linux系统的特殊字符）查看，输入和修改

最贵的AMD 7nm显卡来了！这设计够狂野

java多线程简单demo

[ 转载 ]在Android系统上使用busybox——最简单的方法

QT connect学习

BFSIFT算法分析

Xcode10：library not found for -lstdc++.6.0.9 临时解决

每日归档

更多

2024-08-06(0)

2024-08-05(0)

2024-08-04(0)

2024-08-03(0)

2024-08-02(0)

2024-08-01(0)

2024-07-31(0)

2024-07-30(0)

2024-07-29(0)

2024-07-28(0)