大家好,欢迎来到IT知识分享网。
1.首先安装 axios 和 vue-axios
npm install axios
npm install vue-axios
2.在入口文件 main.js中应用 axios
import axios from 'axios'
import vueAxios from 'vue-axios'
createApp(App).use(axios,vueAxios)
3.配置反向代理,在vue.config.js文件中添加
module.exports = {
devServer: {
hot: true,//热更新
open: true,//自动打开浏览器
port: 8080,
host: "",
proxy: {
"/api": {
target: "https://locally.uieee.com", //要跨域的域名 目标地址
changeOrigin: true, //是否开启跨域 是否更改源路径
ws: true,
pathRewrite: {
"^/api": "" // /api/ / 凡是/api开头的地址都可以跨域
}
}
}
}
}
最后调用
getData(){
this.axios.get('/api/slides').then((res)=>{
console.log(res)
})
}
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/11815.html