nginx 部署vue项目重点配置

nginx 部署vue项目重点配置

1.创建虚拟主机环境,设置根目录,并将项目dist目录下的内容传至该目录

2.生产环境接口地址代理

location /prod-api/{
       proxy_set_header Host $http_host;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header REMOTE-HOST $remote_addr; # 我觉的这条没必要,我试试去。
       proxy_pass http://localhost:8080/; # 这里是后端接口地址
    }

3.为防止刷新后404,需加入如下配置

location / {
    try_files $uri $uri/ /index.html;
}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注