一、问题
不同服务端做axios请求时:
created(){
this.$axios({
method:'post',
url:'http://127.0.0.1/AOC/template/post/get_series.php',
data:this.qs.stringify({ })
}).then((response) =>{ //这里使用了ES6的语法
console.log(response); //请求成功返回的数据
}).catch((error) =>{
console.log(error); //请求失败返回的数据
})
}
浏览器跨域
二、解决
vue.config.js
下添加配置
devServer: {
https: false, // https:{type:Boolean}
open: false, //配置自动启动浏览器
proxy: {
'/AOC': {
target: 'http://127.0.0.1/', // target host
ws: true, // proxy websockets
changeOrigin: true, // needed for virtual hosted sites
pathRewrite: {
'^/AOC': '' // rewrite path
}
},
}
}
- axios
请求地址
改变
created(){
this.$axios({
method:'post',
url:'AOC/template/post/get_series.php', //改变
data:this.qs.stringify({ })
}).then((response) =>{ //这里使用了ES6的语法
console.log(response); //请求成功返回的数据
}).catch((error) =>{
console.log(error); //请求失败返回的数据
})
}
三、重点
有时候vue没有实时更新,此时可以重新启动 npm run serve