vue 跨域

注意！只能在本地调试使用，上线后url会出错
使用以下方法要先引入网络模块

先配置文件：
config =>index.js
以下部分改为:
proxyTable: {
'/apis': {
// 测试环境
target: 'http://127.0.0.1', // 接口域名
changeOrigin: true, //是否跨域
pathRewrite: { //如原地址是:("/127.0.0.1/my-MMM/src/assets/data/users/login.php)
'^/apis': '' //需要重写的,下次请求时只需定写：("/apis/my-MMM/src/assets/data/users/login.php)
}
}
},
配置好文件就可以进行以下操作了

 

第一种：axios

1：下载插件：
项目当前文件夹打开命令窗口输入 cnpm install axios 或者 npm install axios 回车
2：引入插件(按需引入)：
打开需要发送请求的js，
import axios from 'axios'

components: {

axios//声明

},

3.发送请求：
login(){

// 发送 POST 请求

axios({

method: "post",

url: "/apis/auth/login",

data: { account: this.account, password: this.password },

headers: { Accept: "application/json" }

}).then(data => {

　　console.log(data);

　　//this.$router.push("/loginedHeader");

　　})

}

 

转载于:https://www.cnblogs.com/lan-cheng/p/8849998.html