Question

实际上我不想设置默认网址，所以我不是一次又一次地输入相同的网址。这是我的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的根目录，我的后端正在运行。

Answer 1

vue-resource状态的configuration documentation：

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

因此，请尝试删除对api的调用中的前导/：

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

Vue资源配置根不起作用

1 个答案: