首页 > 解决方案 > 在我的 Vue 代码中制作外部 POST 不起作用

问题描述

我有一个问题,我一直在尝试解决它很多天,但我无法解决它。我只想在单击一个按钮时向 Google Analytics 发送一个提示(为此,我必须发出请求(POST)。这是我的代码,我删除了我在 GA 中的 ID,只是为了向您展示原始代码:

import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource)

handleMP () {
this.$http.post('www.google-analytics.comv=1&t=pageview&tid=UA-XXXXXX- 
X&cid=555&dp=%2Fanalytics')
}

问题是我不知道为什么,当我进行 POST 时,我使用它的 URL 被添加到 http::/localhost:8080/ 并且我无法进行 POST。我可以在控制台中看到的示例 URL: http://localhost:8080/www.google-analytics.com?v=1&t=pageview&tid=UA-XXXXXXX-X&cid=555&dp=%2Fanalytics

我怎样才能解决这个问题?提前致谢

标签: httpvue.jspostexternal

解决方案


我很确定您在 URL 中缺少http://orhttps://前缀,因此 Vue 认为它只是一个相对 URL,并将您输入的内容附加到当前地址。

尝试添加https://,所以它看起来像这样:

handleMP () {
this.$http.post('https://www.google-analytics.comv=1&t=pageview&tid=UA-XXXXXX- 
X&cid=555&dp=%2Fanalytics')
}

推荐阅读