javascript - Bolehkah API permintaan proksi proxyTable yang dikonfigurasikan oleh vue-cli hanya digunakan dalam persekitaran pembangunan? Menjalankan binaan ke pakej dan meletakkannya pada apache tidak berfungsi

Question

Ini adalah konfigurasi

proxyTable: {
    '/api': {
      target: 'http://news-at.zhihu.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '/api'
      }
    }      
}

Gunakan axios untuk meminta data

Anda boleh menjalankan npm run dev secara langsung, tetapi anda tidak boleh mendapatkan API selepas membungkusnya dan meletakkannya pada apache

Ralat melaporkan

Answer 1

Secara amnya, ia digunakan ke persekitaran rasmi selepas membina Mengenai apa yang anda katakan tentang meletakkannya di bawah Apache, permintaan sebenar untuk /api/xxx juga adalah untuk Pelayan Apache. Jadi anda perlu mendapatkan penulisan semula (proksi terbalik) untuk /api untuk Apache

Anda boleh merujuk kepada konfigurasi nginx:

location /api/ {
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
    proxy_pass http://news-at.zhihu.com/api/;
}

Answer 2

Anda melihat bahawa konfigurasi ProxyTable ditulis pada dev, yang membuktikan bahawa ini hanya terpakai kepada persekitaran dev. Pada asasnya, pelayan pembangun pelayan dibuka secara tempatan, dan semua permintaan dimajukan melalui sini.

Answer 3

Anda perlu menjalankan perkhidmatan web nod sendiri dan kemudian gunakan ini di dalamnya

Answer 4

Fail konfigurasi ini boleh ditulis dalam fail konfigurasi berasingan dan dirujuk di dalamnya, dan keadaan ini tidak akan berlaku