vue配置nginx反向代理

在 Vue.js 中配置 Nginx 反向代理，需要先安装 Nginx。

1. 安装 Nginx

sudo apt-get update
sudo apt-get install nginx

2. 修改 Nginx 配置文件

sudo nano /etc/nginx/sites-available/default

修改如下：

server {
    listen 80;
    server_name example.com;

    location / {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

其中，example.com 是你的域名，http://localhost:8080 是你 Vue.js 应用的地址。

3. 保存并退出文件，然后重新加载 Nginx 配置文件：

sudo service nginx reload

这样，就可以通过域名访问 Vue.js 应用了。