Vue 资源配置根不起作用

Question

实际上我不想设置默认值 url，所以我不会一次又一次地输入相同的 url。这是我的 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？我已经为我的后端运行ning.

端口 8085 设置了根目录

Answer 1

vue-resource 状态的configuration documentation：

Note that for the root option to work, the path of the request must be relative. This will use this the root option: Vue.http.get('someUrl') while this will not: Vue.http.get('/someUrl').

因此，请尝试删除您对 api:

的调用中的前导 /

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

Vue 资源配置根不起作用

Vue Resource config root does not working

vue.js

vue-resource