vue使用axios和配置代理

vue使用axios和配置代理1.首先安装axios和vue-axiosnpminstallaxiosnpminstallvue-axios2.在入口文件main.js中应用axiosimportaxiosfrom’axios’importvueAxiosfrom’vue-axios’createApp(App).use(axios,vueAxios)3.配置反向代理,在vue.config.js文件中添加module.exports={devServer:{

大家好,欢迎来到IT知识分享网。vue使用axios和配置代理"

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

(0)
上一篇 2024-03-20 07:00
下一篇 2024-03-21 09:45

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信