javascript - pemajuan antara muka tempatan vue-cli

Question

Gunakan vue-cli untuk membina projek, antara muka dimajukan seperti berikut

proxyTable: {
      '/api': {
            target: 'http://abcd.com/api',
            changeOrigin: true,
            pathRewrite: {
                '^/api': ''
            }
        }
    }

Dalam persekitaran pembangunan, mengkonfigurasi ini boleh menyelesaikan permintaan merentas domain dalam persekitaran pembangunan Kemudian dalam persekitaran pengeluaran, selepas pembungkusan melalui npm run build, adakah vue-cli akan menangani masalah ini dengan sendirinya? Apa lagi yang perlu saya perhatikan dalam persekitaran pengeluaran? Minta jawapan kepada Tuhan

axios.post('api/auth/register', {
          'firstname':this.firstname,
          'lastname':this.lastname,
          'email':this.email,
          'password':this.password,
          'password_confirmation':this.configPassword
        })
        .then(function (response) {
          console.log(response.data);
        })
        .catch(function (error) {
          console.log(error);
        });

Dengan mengandaikan bahawa API di atas diminta (persekitaran pengeluaran tidak mempunyai domain silang), dan data boleh diminta selepas mengkonfigurasi antara muka pemajuan secara tempatan, apakah yang sepatutnya dalam persekitaran pengeluaran? Selepas pembungkusan terus, adakah sumber akan diletakkan pada pelayan?

Answer 1

vue-cli tidak akan mengendalikannya untuk anda. .
Persekitaran pembangunan menggunakan antara muka ejen tempatan, dan persekitaran pengeluaran menggunakan antara muka formal Hanya tulis logik dalam kod anda sendiri, dan panggil alamat antara muka yang berbeza mengikut persekitaran yang berbeza

Answer 2

Ini vue-cli对反向代理的一个实现，方便开发环境使用。
生产环境中反向代理的方式也有很多：nginx、Apache之类的，如果没有跨域，不需要反向代理的话，就把前端代码直接丢在接口服务器中就行了(tomcat、jboss之类)，但不推荐，静态资源就应该走静态服务器。
我们的生产环境是nginx, konfigurasi mungkin seperti ini:

server {
        listen       80;
        server_name  localhost;

        location / {
            root /home/project/;
            index  index.html index.htm;
        }

        location /api {
            proxy_pass http://10.0.0.10:8080/api;
        }
}