zayzy 2022-06-20 11:21 采纳率: 94.1%
浏览 43
已结题

关于前端请求json文件跨域问题

首先，在本地使用vue启动了一个 项目，请求本地json数据，我发现请求的时候端口号不同所以会跨域，但为什么本地项目请求本地json数据会端口号不同？

img

应如何解决这个跨域问题呢？ 感谢~

  • 写回答

4条回答 默认 最新

  • 虎子8 2022-06-20 12:21
    关注

    这个是模拟前端分离的， 可以使用proxy解决， 也可以干脆把data.json丢到public目录来引用

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 前端领域JSON的跨域数据传输
    2025-04-20 21:03
    AI架构全栈开发实战笔记的博客 在现代前端开发中，随着Web应用的复杂度不断增加，前端页面常常需要与不同域名下的服务器进行数据交互。...然而，由于浏览器的同源策略限制，不同源的页面之间无法直接进行数据交互，这就引出了跨域数据传输的问题。
  • jquery读取json文件跨域_跨域请求json文件遇到的诸多问题
    2020-12-21 15:30
    weixin_39756481的博客 刚开始使用的vue-resource.js来异步请求json文件，那么就牵扯到了跨域问题。在前端使用了node服务器来代理。so easy对不对？但问题是只有一个页面，而且东西不是很多，希望把css、hml、js直接放在一起，直接点击html...
  • 前端解决vue-cli中axios请求本地json跨域问题
    2022-05-21 20:52
    无事心上秋的博客 在根目录下vue.config.js文件（如果没有就新建js文件） 添加如下代码： module.exports = { // 配置跨域代理 devServer: { // Paths proxy: { '/example': { // 匹配所有以 '/example'开头的请求路径 ...
  • 解决前端Axios访问Tomcat服务器的json文件导致的跨域问题
    2024-10-03 21:59
    le161616的博客 解决方法：修改服务器端 在Tomcat安装目录下的conf文件夹下找到web.xml文件，并在其中加入如下配置： CorsFilter org.apache.catalina.filters.CorsFilter cors.allowed.origins * cors.allowed.methods GET, POST, ...
  • 通过jquery的ajax请求本地的json文件方法
    2020-10-18 06:30
    通常情况下，ajax请求会涉及到跨域问题，但当请求本地的文件资源时，这种问题不会发生。文章中使用了相对于HTML文档的路径 "./data/shuju.json" 来指定JSON文件的位置。 3. dataType为json： 在ajax请求中，...
  • 前端跨域请求的问题-解决方案
    2024-08-30 09:30
    Good_tea_h的博客 前端跨域请求问题是Web开发中常见的一个挑战，尤其是在现代Web应用中，前端经常需要从不同的源（即协议、域名或端口不同的服务器）请求数据。由于浏览器的同源策略（Same-origin policy），当尝试从一个源加载另一个...
  • json文件跨域读取解决办法
    2022-08-24 14:47
    JC655gf的博客 浏览器访问本机文件受限，json文件为本地文件，html运行调试时，在默认浏览器中...调用getJSON函数获取本地json文件信息(显示在控制台)右键选择Open with live server。所需插件：live-server。在html头部引入jquery。
  • 关于前端跨域访问图片跨域问题
    2022-07-13 10:44
    lyk_dtf的博客 跨域确实是个很烦的问题，看到一篇不错的文章记录一下~~
  • 前端中的跨域请求及其解决方案
    2024-08-08 11:34
    DTcode7的博客 浏览器出于安全考虑，实施了同源策略（Same-origin policy）...当一个网页请求另一个来源的资源时，如果这两个来源不是同一个源，则会受到限制。这里的“源”指的是协议、域名和端口的组合。例如，和被认为是不同的源。
  • 解决：前端请求跨域问题
    2023-07-01 19:15
    ideal-cs的博客 什么是同源协议？ 同源策略/SOP （Same origin policy）是一种约定，由 ...那这两个网站就必须同时满足下面三个条件才行，否则浏览器就会自动拦截脚本发起的相关请求: 1、协议相同； 2、域名相同； 3、端口相同；
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月23日
  • 已采纳回答 8月15日
  • 创建了问题 6月20日