No＆＃39; Access-Control-Allow-Origin＆＃39;在electron-vue dev envrironment下的vue组件中启动ajax时的标题

Question

在https://github.com/SimulatedGREG/electron-vue之后，我运行纱线运行开发并进行微小的更改，看看它是如何工作的。 在电子vue应用程序中，我已经在vue组件创建的钩子函数

中启动了一个ajax请求

created: function () {
        let self = this
        this.$http.get('http://example.com/api/hwid/383').then(
                function (resp) {
                    self.title = resp.title
                }
        )
    } 

在vue-electron dev工具中，控制台中出现以下错误：

XMLHttpRequest无法加载http://example.com/api/hwid/383。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:9080＆＃39;因此不允许访问。

如何解决？ 我必须在服务器端设置跨域吗？

Answer 1

是的，您应该在服务器端为Access-Control-Allow-Origin添加localhost。

由于它只是一个浏览器策略，您最终可以编写自己的（代理）服务器来获取http://example.com/api/hwid/383数据。然后，您将通过服务器请求数据，而不会出现任何问题。