Analisis ringkas tentang cara mengkonfigurasi proksi Sudut berdasarkan perancah

Artikel ini akan memperkenalkan kepada anda cara mengkonfigurasi proksi Sudut (proksi) berdasarkan perancah saya harap ia akan membantu anda!

Konfigurasi proksi sudut

• Dokumentasi laman web rasmi https://angular.io/guide/build#using- korporat -proksi

[Cadangan tutorial berkaitan: "tutorial sudut"]

Mengapa melakukannya?

Tulis fail proksi kepada permintaan pemadanan proksi ke alamat lain untuk menyelesaikan masalah merentas domain dalam pembangunan tempatan.

Bagaimana untuk mengkonfigurasi?

• Buat proxy.config.js
• dalam direktori akar Anda boleh membuat konfigurasi berikut dalam fail ini
• Dalam arahan projek jalankan pakej .json Sertai--proxy-config proxy.config.js

Pengenalan konfigurasi

const PROXY_CONFIG = [
  {
    context: ['/api'],
    target: 'http://xxx',
    secure: false,
    changeOrigin: true,
    pathRewrite: {
      '^/api': '',
    },
  },
];
module.exports = PROXY_CONFIG;

• context: Perlu padan dengan laluan
• target : Proksi ke alamat
• pathRewrite: Tulis semula bahagian laluan yang diminta Ia adalah objek, kuncinya ialah ^ 要重写的path dan nilainya ialah laluan yang diganti.
• secure: Tetapan keselamatan
• changeOrigin: Tukar sumber

Konfigurasikan contoh

sebagai http://localhost:4208/auth/login

Jika anda ingin membuat proksi kepada

http://www.baidu.com/news/login

anda boleh mengkonfigurasinya seperti ini

const PROXY_CONFIG = [
  {
    context: ['/auth/login'],
    target: 'http://www.baidu.com',
    pathRewrite: {
        '^/auth/login': '/news/login',
    },
  },
  
]

module.exports = PROXY_CONFIG;

S: Jika ada ialah dua antara muka, satu /api/cer/register, satu lagi /api/cer/login, bagaimana saya boleh memproksi kedua-dua antara muka ke alamat yang berbeza?

{
    context: ['/api/cer/login'],
    target: 'xxx1',
    secure: false,
    changeOrigin: true,
},
{
    context: ['/api'],
    target: 'xxx2',
    secure: false,
},

Menggunakan /api, selagi ini dipadankan, proksinya akan digunakan Walau bagaimanapun, jika /api/cer/login yang lebih tepat ditambahkan di hadapannya, ia akan dipadankan pertama pergi ke ejen ini.

Lebih banyak penggunaan dikemas kini pada github:

https://github.com/deepthan/blog-angular

Lebih banyak pengetahuan berkaitan pengaturcaraan, Sila lawati: Pengenalan kepada Pengaturcaraan! !

Atas ialah kandungan terperinci Analisis ringkas tentang cara mengkonfigurasi proksi Sudut berdasarkan perancah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!