首先用到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'
}
}
}