electron-vite如何解决跨域问题

electron.vite.config.mjs代码如下

javascript 复制代码
 server: {
    port: 1024,
    hmr: true,
    proxy: {
      "/api": {
        //这里如实添加自己的后端接口前缀
        target: "http://localhost:7090",
        changeOrigin: true,
        pathRewrite: {
          "^api": "/api"
        }
      }
    }
  },

接下来就是最重要的一步

index.html里面的meta一定要添加
connect-src 'self' 这里的地址填自己的就可以了;

html 复制代码
<meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self' http://localhost:7090;"
    />
相关推荐
GIS之路2 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒3 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
蝎子莱莱爱打怪4 小时前
OpenClaw 从零配置指南:接入飞书 + 常用命令 + 原理图解
java·后端·ai编程
Kagol4 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉4 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau4 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生4 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼4 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879974 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee185 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux