1. Vue 框架開發的時候，會遇到跨域的問題，可在config/index.js 裡配置proxyTable內容，使用proxy 代理

 dev: {
  proxyTable: {
      '/api': {
        target: 'http://109.2.3.64:9091', //設定你呼叫的url和埠號
        changeOrigin: true,  //跨域
        secure: false,
        pathRewrite: {
          '^/api': ''   //用/api替換target中的地址
        }
      }
    }
 }
 

在dev.env.js中新增

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API: '"/api"'
})

2.傳送請求

2. 1新增 axios元件

import axios from 'axios'
import Vue from "vue";
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
Vue.prototype.$ajax = axios;

2.2get請求

testGet: function () {
  this.$ajax({
    method: 'get',
    url: '/api/mem/point/info',
    params: {
      firstName: 'Fred',
      lastName: 'Flintstone'
    }
  }).then(function (response) {
    console.log(response);
  }).catch(function (error) {
    console.log(error);
  });
},
 

2.3 post請求
1.

editItem:function(){
     var params = new URLSearchParams();
        params.append('memId','12121');
        params.append('saGuid','1333');
     axios.post(`/api/point/info`,params)
     .then(function(res){
         alert(res);
     })
  }

testPost: function () {
        var params = new URLSearchParams();
        params.append('name', 'hello jdmc你好');
        params.append('id', '2');
        this.$ajax({
          method: 'post',
           url: '/api/mem/point/info',
          data:params
//          data: {id: '3', name: 'abc'}
        }).then(function (response) {
          console.log(response);
        }).catch(function (error) {
          console.log(error);
        })
      }
 

2.4注意

在使用post方式的時候傳遞引數有兩種方式，一種是普通方式，一種是json方式，如果後臺接受的是普通方式，那麼使用上述方式即可。

普通的formed方式

var params = new URLSearchParams();
params.append('name', 'hello');
params.append('id', '2');

data:params

後臺接收引數

public Student greeting2(int id,String name) {

json方式

data: {id: '3', name: 'abc'}

後臺接收引數

public Object greeting2(@RequestBody Object student) {