npm i --save axios
import axios from 'axios'
Vue.prototype.axios = axios
created() {
//跨域
this.axios({
method: "get",
url:
"https://m.maoyan.com/ajax/movieOnInfoList?token=&optimus_uuid=0D02D6104E3E11EAB47F3F42ADC0A3222CBE29F26413436DA46D5E8940E063A0&optimus_risk_level=71&optimus_code=10" //猫眼的数据
}).then((res)=>{
console.log(res)
})
import axios from 'axios'
export function thereAxios() {
return new Promise((resolve, reject) => {
axios({
method: "get",
url:
"/api/ajax/movieOnInfoList?token=&optimus_uuid=0D02D6104E3E11EAB47F3F42ADC0A3222CBE29F26413436DA46D5E8940E063A0&optimus_risk_level=71&optimus_code=10",
}).then((ok)=>{
resolve(ok)
}).catch((err)=>{
reject(err)
})
})
}
注意:此时的"https://m.maoyan.com/“被”/api"代替了
module.exports = {
devServer: {
//设置反向代理
proxy: {
'/api': {
target: 'https://m.maoyan.com/', //对应自己的接口
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': ''
}
}
},
overlay: {
warnings: false,
errors: false
}
},
lintOnSave: false // 关了eslint 检查
}
第4步起名thereAxios,所以这边就引入这个名字
import {thereAxios} from "@/api/there.js"
created() {
thereAxios().then((res)=>{
console.log(res)
}).catch((err)=>{
console.log(err)
})
}
import axios from "axios"
const service = axios.create();
// 添加请求拦截器
service.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
service.interceptors.response.use(function (response) {
// 对响应数据做点什么
return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});
export default service
import service from "@/util/request.js"
export function axiosrequest(){
return new Promise((resolve,reject)=>{
service.request({
url:"http://api.artgoer.cn:8084/artgoer/api/v1/user/324380/v3/topic/topicHomeByLabel?pageIndex=1&token=b544cd63-6d42-46fe-a96c-3cf96bae3113&topicId=62187",
method:"get"
}).then((ok)=>{
resolve(ok)
}).catch((err)=>{
reject(err)
})
})
}
created() {
axiosrequest().then((ok)=>{
console.log(ok)
}).catch((err)=>{
console.log(err)
})
},