Vue资源配置根不起作用答案

【问题标题】：Vue Resource config root does not workingVue资源配置根不起作用
【发布时间】：2018-03-28 18:58:11
【问题描述】：

实际上我不想设置默认网址，所以我不会一次又一次地输入相同的网址。这是我的 main.js ：

import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource'

Vue.use(VueResource)
Vue.http.options.root = 'http://localhost:8085'



new Vue({
  el: '#app',
  render: h => h(App)
})

然后在我的组件中我编写这样的方法：

 getData: function () {
                alert('masuk sini');
                this.$http.get('/api/datageneration/environment')
                    .then((response) => {
                        return response.json();
                    }).then((data) => {
                    console.log(data);
                    this.lists = data.content;
                });
            }

我使用命令npm run dev 在端口8082 上运行它，但是为什么当我调用这些方法时，它总是针对端口8082？我已经为我的后端运行的端口 8085 设置了根目录。

【问题讨论】：

标签： vue.js vue-resource

【解决方案1】：

vue-resource 状态的configuration documentation：

请注意，要使 root 选项起作用，请求的路径必须是相对的。这将使用此根选项：Vue.http.get('someUrl')，而不会：Vue.http.get('/someUrl')。

因此，请尝试在调用 api 时删除前导 /：

this.$http.get('api/datageneration/environment')

【讨论】：