有關vue前後端分離的實踐(一)

首先用到ajax技術,需要安裝相應的包(不知道是否必須)

 npm install axios
引入工具包

util包,包含了axios等相關配置如axios的官方api.js文件

在main.js裏面設置工具包的引入

import './utils/filter_utils.js'

 

添加完畢後,ajax的基本部署完成,可以進行一些類似於

postRequest的操作,在target中寫入地址等等,然後即可實現與後臺的交互

但是,這樣會有跨域的麻煩,比如他默認的是8080端口,而後臺的提供的接口是8082端口

就需要在vue 的文件包中找到config文件夾,打開裏面的index.js文件,爲需要的方法實現跨域

proxyTable: {
  '/login': {
    target: 'http://127.0.0.1:8082', // 接口的域名
    // secure: false,  // 如果是https接口，需要配置這個參數
    changeOrigin: true, // 如果接口跨域，需要進行這個參數配置
    pathRewrite: {
      '^/login': '/login'
    }
  }
}