Heim > Web-Frontend > js-Tutorial > Hauptteil

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

coldplay.xixi
Freigeben: 2020-08-20 13:15:17
Original
22251 Leute haben es durchsucht

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
Nach dem Login kopieren

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’即可
 
        }
 
    }
 
}
Nach dem Login kopieren

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)
 
})
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!