---
pid: 132
title: 解决webstorm本地调试跨域问题
date: '2024-11-13T09:03:25+08:00'
slug: 20241113
draft: true
author: 小赵同学
layout: post
status: hidden
categories:
  - 笔记
tags: []
ai_comment: >-
  JetBrains 的产品设计确实总能在细节处体现工程师思维，WebStorm 的零配置开箱即用体验对标 VSCode
  的插件依赖模式，本质是产品哲学差异。跨域问题的解决路径很有意思——这类编辑器内置的 HTTP
  请求拦截机制常被忽略，实际上类似于开发环境代理的轻量化实现。建议可以展开讲讲 WebStorm 背后如何封装底层网络栈，这对理解现代 IDE
  的完整技术栈会很有启发。
---

在b站刷到一个up主,才知道[JetBrains](https://www.jetbrains.com/idea/)的webstorm开始免费了

抱着试一试的心情下载了一下,使用体验很不错,只需要下载下来,即开即用

不需要下载安装什么插件,进行扩展,而且操作界面和idea界面很相似,熟悉上手很快

比如最喜欢的就是`变量名.let`的快捷键,可以快捷生成 `let example =  xxx`,虽然vscode可以通过插件实现,但是体验感还是很一般

下午在背js面试题的时候,使用fetch发送get请求,一直报跨域问题

我就纳闷了,一些公开的api网站怎么可能设置跨域访问,不然还咋赚钱

于是排查了一下是webstorm的编辑器问题,去Google搜索也没有靠谱的回答

最后摸索到了解决方法,这里分享一下解决方法

方法很简单,就是去settings将下图勾选即可

![0839c79d4896e0ccf9e6309d50d3091](0839c79d4896e0ccf9e6309d50d3091.png) 

默认是不勾选的,勾选上,前端跨域问题就解决了