归子莫的博客

「笔杆揭不起，绘不出青烟别春泥 ————归子莫」

VOLANTIS 2.6.6

Electron-vue解决跨域

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

介绍

在前后端分离开发的时候就会遇到跨域的问题，在本地调试的时候可能不会出现什么太大的问题，但是上线部署的时候难免会遇到问题

解决

在.electron-vue下面的dev-runner.js里面的WebpackDevServer添加配置

image-20200710113412336

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
proxy: {
  '/api': {
    // 请求的目标服务器地址
    target: 'https://www.domain.com',
    // 如果是https接口，需要配置这个参数
    secure: false,
    // 设置允许跨域
    changeOrigin: true,
    // 重写路径
    pathRewrite: {
      '^/api': ''
    },
    headers: {
      referer: ''
    }
  }
},

感谢

万能的网络

以及勤劳的自己

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

本文永久链接是：https://tangleia.github.io/2020/07/10/Electron-vue%E8%A7%A3%E5%86%B3%E8%B7%A8%E5%9F%9F/

评论