Heim >Web-Frontend >js-Tutorial >Welche drei Möglichkeiten gibt es, domänenübergreifende Axios zu erreichen?

Welche drei Möglichkeiten gibt es, domänenübergreifende Axios zu erreichen?

coldplay.xixi
coldplay.xixiOriginal
2020-08-20 13:15:1722345Durchsuche

Drei Möglichkeiten, domänenübergreifende Axios zu implementieren: 1. Referenzaxios in [mian.js], der Code ist [Vue.prototype.$axios = axios] 2. Referenzaxios auf der Seite, der Code ist [this. $ axios.post('/api/].

Welche drei Möglichkeiten gibt es, domänenübergreifende Axios zu erreichen?

Drei Möglichkeiten für Axios, domänenübergreifend zu erreichen:

1. mian.js bezieht sich auf axios

import axios from 'axios'
 
Vue.prototype.$axios = axios

2. Fügen Sie dev von config/ hinzu index.js Der folgende Code

proxyTable: {
 
    '/api': {
 
         target: 'http://127.0.0.1/hyhy/',//设置你调用的接口域名和端口号 别忘了加http
 
         changeOrigin: true,
 
         pathRewrite: {
 
              '^/api': '/'//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调             用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
 
        }
 
    }
 
}

3. Zitieren

this.$axios.post('/api/userlogin/login', Qs.stringify({ username: this.username, password: this.password }))
 
.then((response) => {
 
    console.log(response)
 
})
 
.catch((response) => {
 
    console.log(response)
 
})

auf der Seite Relevante Lernempfehlungen: js-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche drei Möglichkeiten gibt es, domänenübergreifende Axios zu erreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn