Bagaimana untuk menyelesaikan masalah yang penggunaan Vue ke pemajuan dalam talian tidak berkuat kuasa

Vue.js ialah rangka kerja bahagian hadapan yang popular Semasa proses pembangunan, kami biasanya menggunakan aplikasi bahagian hadapan Vue.js ke pelayan awan. Walau bagaimanapun, selepas penggunaan, kadangkala kami menghadapi masalah yang memajukan tidak berkuat kuasa. Jadi, bagaimana untuk menyelesaikan masalah yang penggunaan Vue ke pemajuan dalam talian tidak berkuat kuasa?

1. Semak konfigurasi Nginx

Langkah pertama adalah untuk menyemak sama ada konfigurasi Nginx adalah betul. Dalam konfigurasi Nginx, kita perlu mengkonfigurasi laluan untuk dimajukan sebagai lokasi dan menentukan pelayan proksi dan port. Contohnya:

server {
    listen 80;
    server_name example.com;
    location /api/ {
        proxy_pass http://localhost:3000;
    }
}

Konfigurasi di atas bermaksud memajukan semua permintaan di bawah example.com/api/ ke port 3000 setempat.

2. Semak konfigurasi pemajuan kod Vue

Selain konfigurasi Nginx, anda juga perlu menyemak konfigurasi pemajuan kod Vue. Dalam fail vue.config.js, kita perlu mengkonfigurasi laluan untuk dimajukan sebagai pilihan proxy, dan juga menentukan pelayan proksi dan port. Contohnya:

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:3000',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

Konfigurasi di atas bermakna semua permintaan di bawah /api akan dimajukan ke port 3000 setempat dan /api akan dialih keluar daripada laluan permintaan untuk mencapai tujuan pemajuan permintaan .

3. Semak tetapan firewall

Jika kedua-dua kaedah di atas gagal menyelesaikan masalah, kami juga perlu menyemak tetapan firewall pelayan awan. Kadangkala, tetapan tembok api pelayan awan mengehadkan akses kepada port tertentu, menjadikan perkhidmatan pemajuan kami tidak boleh diakses dari luar pelayan. Untuk menyemak tetapan tembok api, anda perlu log masuk ke pelayan awan Mengambil CentOS sebagai contoh, laksanakan arahan berikut:

systemctl status firewalld

Jika tembok api tidak didayakan, akses port tidak akan dihadkan. Jika tembok api didayakan, tetapan pembukaan port diperlukan. Mengambil port 3000 sebagai contoh, laksanakan arahan berikut:

sudo systemctl start firewalld  # 启用防火墙
sudo firewall-cmd --permanent --add-port=3000/tcp  # 开放 3000 端口
sudo firewall-cmd --reload  # 重启防火墙
sudo firewall-cmd --list-all  # 查看已开放端口

Arahan di atas akan membuka port 3000 supaya pelayan luaran boleh mengakses perkhidmatan pemajuan kami.

Ringkasan

Di atas ialah tiga kaedah untuk menyelesaikan masalah yang penggunaan Vue ke pemajuan dalam talian tidak berkuat kuasa. Semasa proses pembangunan sebenar, kita perlu menyemak tetapan Nginx, Vue dan firewall pelayan awan pada masa yang sama. Melalui siri operasi di atas, kami berjaya menggunakan aplikasi Vue.js dan melaksanakan pemajuan permintaan.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah yang penggunaan Vue ke pemajuan dalam talian tidak berkuat kuasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!