vue2项目集成electron,打包以后,请求不到后端数据?

image.png
使用图中红色里面的第二个命令,在本地运行项目的时候,没有问题,可以访问到后端返回的数据
执行第一个命令以后,访问不到后端的数据image.png在控制台里面查看是这样的
image.png并且报这样的错误
我在vue.config.js里面设置了跨域image.png
在axios的封装里面进行了这样的配置image.png
请问一下如何解决build以后访问后端数据的问题?
各位大佬帮帮忙解决一下,着急

阅读 6.3k
2 个回答

你本地访问接口用的是相对路径,然后由nodejs拦截转发了,所以能访问到后端。
打包后你配置的 proxy 就不会生效了,你要把 http://1.13.23.150/api 配置成 baseURL,并且你还要确保后端已经做了跨域处理,不然你请求发过去后依然会有跨域问题。

baseURL: isDev ? 'http://1.13.23.150/api' : '/api'

打包你的代理是不会生效的,你看配置代理的属性名是啥? devServer 就是开发环境的代理。打包之后就是生产环境了,你不会启动 webpack 自然也不会有开发环境。

所以要么你在项目内用 Node 启动一个 HTTP 服务再去反向代理,要不就让后端去做允许跨域。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题