首页 > 建站教程 > 域名服务器 >  宝塔vue项目nginx反向代理设置正文

宝塔vue项目nginx反向代理设置

有一个vue(uni-app)开发的项目,放到了安装了宝塔面板的服务器上。但是要设置代理,才能访问。下面是一步一步取实现的步骤:


1、新建网站,将前端资源都上传上去,保证前端能访问:

宝塔vue项目nginx反向代理设置


2、将网站资源都上传到刚才新建的网站的根目录,保证访问那个网址,能打开。但是此时,接口请求全都失败了。


3、点击刚才新建的网站后面的设置按钮,进入反向代理设置界面


宝塔vue项目nginx反向代理设置


宝塔vue项目nginx反向代理设置


4、假设需要将 /api,代理到:

http://119.23.40.33:8088/api


只需要按照如下配置即可:

代理名称:可以随便起,方便区分

代理目录:就是需要代理的地址后面的 /api

目标URL:http://119.23.40.33:8088/api

发送域名:会自动生成


宝塔vue项目nginx反向代理设置


5、保存,再访问,就可以了。