So verwenden Sie Vue zum Implementieren eines Proxy-Proxys

Dieses Mal zeige ich Ihnen, wie Sie Vue zum Implementieren eines Proxy-Proxys verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung von Vue zum Implementieren eines Proxy-Proxys?

// config/index.js 文件
proxyTable: {
   '/api': {
    target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号
    changeOrigin: true,   // 跨域
    pathRewrite: {
     '^/api': '/'     
    }
   }
  },

Dies wird so verstanden, dass wir „/api“ verwenden, um die Adresse im Ziel zu ersetzen. Wenn wir in den späteren Komponenten die Schnittstelle löschen, verwenden wir stattdessen direkt „api“. http://192.168.149.90:8080/xxx/duty ?time=2017-07-07 14:57:22', schreiben Sie einfach '/api/xxx/duty?time=2017-07- 07 14:57:22' direkt

In dev.env.jsEntwicklungsumgebung konfigurierenAdresse anfordern

// config/dev.env.js 文件
module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 ADMIN_SERVER: '"/api/"',
});

Wenn Sie Axios für das Plug-in anfordern, wird das Die Konfiguration ist wie folgt

const adminServer = axios.create({
 baseURL: process.env.ADMIN_SERVER,
});

Ich glaube, Sie haben den Fall in diesem Artikel gelesen. Nachdem Sie die Methode gemeistert haben, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website, um weitere spannende Inhalte zu erhalten!

Empfohlene Lektüre:

So verwenden Sie den Vue-Quellcode, um den Ereignismechanismus zu analysieren

Wie man JS betreibt, um das zu erhalten Stadt und geografischer Standort des Benutzers

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Vue zum Implementieren eines Proxy-Proxys. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!