一、下载frp

https://github.com/fatedier/frp/releases

根据不同系统下载对应的包，这里我服务器是linux ，本地客户端是windows，所以要下载两种包。

https://github.com/fatedier/frp/releases/download/v0.36.2/frp_0.36.2_linux_amd64.tar.gz

https://github.com/fatedier/frp/releases/download/v0.36.2/frp_0.36.2_windows_amd64.zip

二、配置nginx

server {
    listen 80;
    server_name frp.forpastime.com;
    location / {
        # 这里的端口需要跟frps的vhost_http_port的设置保持一致
        proxy_pass http://127.0.0.1:8080/;
        proxy_set_header	Host	$host;
        proxy_set_header	Remote_Addr	$remote_addr;
        proxy_set_header	X-Real-IP $remote_addr;
        proxy_set_header	X-Forwarded-For	$remote_addr;
    }
}

本地vue项目使用的是8080端口，所以nginx代理指向http://127.0.0.1:8080/或http://localhost:8080/

三、配置frp服务端

1.将frp_0.36.2_linux_amd64.tar.gz解压

2.修改frps.ini

[common]
bind_port = 7000
vhost_http_port = 8080
dashboard_addr = 0.0.0.0(这里是有个web可视化页面管理界面)
dashboard_port = 7500
dashboard_user = admin 
dashboard_pwd = admin
log_file = ./frps.log
log_level = info
log_max_days = 2

[web]
type = http
custom_domains = frp.forpastime.com（跟nginx配置里server_name保持一致）
auth_token = abc

3.启动

./frps -c frps.ini

没有报错表示启动成功

四、配置本地客户端

1.解压frp_0.36.2_windows_amd64.zip

2.修改frpc.ini

[common]
server_addr = 192.168.2.249（改成你的服务器外网IP）
server_port = 7000（对应服务器的bind_port，是客户端与服务端通信的端口）
auto_token = abc（跟服务端配置一致）

[web]
type = http
local_port = 8080（本地服务的端口）
local_ip = 127.0.0.1
custom_domains = frp.forpastime.com

3.启动客户端服务

frpc.exe -c frpc.ini

五、验证

访问 frp.forpastime.com，即可打开本地localhost:8080的vue项目，表示成功

六、服务端后台运行：

 nohup ./frps -c frps.ini >/dev/null 2>&1 &

七、客户端如果是linux，后台运行

nohup ./frpc -c frpc.ini >/dev/null 2>&1 &